/
githubmirror
/
tldraw
Обзор
Документация
Войти
/
githubmirror
/
tldraw
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/tlschema/src/styles/TLFillStyle.ts
63 строки
2 KB
Lu Wilson
Add lined fill style (#7034)
10 ноя 2025, 13:12
Не верифицирован
10 ноя 2025, 13:12
c344a5a
Код
Авторство
О чём код?
import { T } from '@tldraw/validate' import { StyleProp } from './StyleProp' /** * Default fill style property used by tldraw shapes for interior styling. * Controls how the inside of shapes are filled or left empty. * * Available values: * - `none` - No fill, shape interior is transparent * - `semi` - Semi-transparent fill using the shape's color * - `solid` - Solid fill using the shape's color * - `pattern` - Crosshatch pattern fill using the shape's color * - `fill` - Alternative solid fill variant * * @example * ```ts * import { DefaultFillStyle } from '@tldraw/tlschema' * * // Use in shape props definition * interface MyShapeProps { * fill: typeof DefaultFillStyle * // other props... * } * * // Create a shape with solid fill * const shape = { * // ... other properties * props: { * fill: 'solid' as const, * // ... other props * } * } * ``` * * @public */ export const DefaultFillStyle = StyleProp.defineEnum('tldraw:fill', { defaultValue: 'none', values: ['none', 'semi', 'solid', 'pattern', 'fill', 'lined-fill'], }) /** * Type representing a default fill style value. * This is a union type of all available fill style options. * * @example * ```ts * import { TLDefaultFillStyle } from '@tldraw/tlschema' * * // Valid fill style values * const noFill: TLDefaultFillStyle = 'none' * const solidFill: TLDefaultFillStyle = 'solid' * const patternFill: TLDefaultFillStyle = 'pattern' * * // Use in a function parameter * function setShapeFill(fill: TLDefaultFillStyle) { * // Apply fill style to shape * } * ``` * * @public */ export type TLDefaultFillStyle = T.TypeOf<typeof DefaultFillStyle>