HatchStyle Type
Lists hatch styles that can fill dashboard item elements.
Declaration
export type HatchStyle = "Horizontal" | "Vertical" | "ForwardDiagonal" | "BackwardDiagonal" | "Cross" | "DiagonalCross" | "Percent05" | "Percent10" | "Percent20" | "Percent25" | "Percent30" | "Percent40" | "Percent50" | "Percent60" | "Percent70" | "Percent75" | "Percent80" | "Percent90" | "LightDownwardDiagonal" | "LightUpwardDiagonal" | "DarkDownwardDiagonal" | "DarkUpwardDiagonal" | "WideDownwardDiagonal" | "WideUpwardDiagonal" | "LightVertical" | "LightHorizontal" | "NarrowVertical" | "NarrowHorizontal" | "DarkVertical" | "DarkHorizontal" | "DashedDownwardDiagonal" | "DashedUpwardDiagonal" | "DashedHorizontal" | "DashedVertical" | "SmallConfetti" | "LargeConfetti" | "ZigZag" | "Wave" | "DiagonalBrick" | "HorizontalBrick" | "Weave" | "Plaid" | "Divot" | "DottedGrid" | "DottedDiamond" | "Shingle" | "Trellis" | "Sphere" | "SmallGrid" | "SmallCheckerBoard" | "LargeCheckerBoard" | "OutlinedDiamond" | "SolidDiamond" | "LargeGrid" | "Min" | "Max"Members
| Name | Description |
|---|---|
| "Horizontal" | A pattern of horizontal lines. |
| "Vertical" | A pattern of vertical lines. |
| "ForwardDiagonal" | A pattern of diagonal lines from upper left to lower right. |
| "BackwardDiagonal" | A pattern of diagonal lines from upper right to lower left. |
| "Cross" | Cross lines. |
| "DiagonalCross" | Crisscross diagonal lines. |
| "Percent05" | A 5-percent hatch. The ratio of foreground color to background color is 5:95. |
| "Percent10" | A 10-percent hatch. The ratio of foreground color to background color is 10:90. |
| "Percent20" | A 20-percent hatch. The ratio of foreground color to background color is 20:80. |
| "Percent25" | A 25-percent hatch. The ratio of foreground color to background color is 25:75. |
| "Percent30" | A 30-percent hatch. The ratio of foreground color to background color is 30:70. |
| "Percent40" | A 40-percent hatch. The ratio of foreground color to background color is 40:60. |
| "Percent50" | A 50-percent hatch. The ratio of foreground color to background color is 50:50. |
| "Percent60" | A 60-percent hatch. The ratio of foreground color to background color is 60:40. |
| "Percent70" | A 70-percent hatch. The ratio of foreground color to background color is 70:30. |
| "Percent75" | A 75-percent hatch. The ratio of foreground color to background color is 75:25. |
| "Percent80" | A 80-percent hatch. The ratio of foreground color to background color is 80:20. |
| "Percent90" | A 90-percent hatch. The ratio of foreground color to background color is 90:10. |
| "LightDownwardDiagonal" | Diagonal lines that slant from upper left to lower right and are spaced 50 percent closer together than ForwardDiagonal. Not antialiased. |
| "LightUpwardDiagonal" | Diagonal lines that slant from upper right to lower left and are spaced 50 percent closer together than BackwardDiagonal. Not antialiased. |
| "DarkDownwardDiagonal" | Diagonal lines that slant from upper left to lower right are spaced 50 percent closer together than ForwardDiagonal and are twice as wide. Not antialiased. |
| "DarkUpwardDiagonal" | Diagonal lines that slant from upper right to lower left are spaced 50 percent closer together than BackwardDiagonal and are twice as wide. Not antialiased. |
| "WideDownwardDiagonal" | Diagonal lines that slant to the right from top points to bottom points, have the same spacing as hatch style ForwardDiagonal, and are triple its width, but are not antialiased. |
| "WideUpwardDiagonal" | Diagonal lines that slant to the left from top points to bottom points, have the same spacing as hatch style BackwardDiagonal, and are triple its width, but are not antialiased. |
| "LightVertical" | Vertical lines that are spaced 50 percent closer together than Vertical. |
| "LightHorizontal" | Horizontal lines that are spaced 50 percent closer together than Horizontal. |
| "NarrowVertical" | Vertical lines with 75% less spacing than Vertical, or 25% less spacing than LightVertical. |
| "NarrowHorizontal" | Horizontal lines that are spaced 75 percent closer together than hatch style Horizontal (or 25 percent closer together than LightHorizontal). |
| "DarkVertical" | Vertical lines that are spaced 50 percent closer than Vertical and twice its width. |
| "DarkHorizontal" | Horizontal lines spaced 50% closer together than Horizontal and twice as wide. |
| "DashedDownwardDiagonal" | Dashed diagonal lines that slant from top left to bottom right. |
| "DashedUpwardDiagonal" | Dashed diagonal lines that slant to the left from top points to bottom points. |
| "DashedHorizontal" | Dashed horizontal lines. |
| "DashedVertical" | Dashed vertical lines. |
| "SmallConfetti" | A confetti pattern. |
| "LargeConfetti" | A confetti composed of larger pieces than SmallConfetti. |
| "ZigZag" | Horizontal lines that are composed of zigzags. |
| "Wave" | Horizontal lines that are composed of tildes. |
| "DiagonalBrick" | Layered bricks that slant to the left from top points to bottom points. |
| "HorizontalBrick" | Horizontally layered bricks. |
| "Weave" | A woven material pattern. |
| "Plaid" | A plaid material pattern. |
| "Divot" | Divot pattern. |
| "DottedGrid" | Crossed horizontal and vertical dotted lines. |
| "DottedDiamond" | Crossed forward and backward diagonal dotted lines. |
| "Shingle" | Diagonally layered shingles that slant from upper left to lower right. |
| "Trellis" | Trellis pattern. |
| "Sphere" | Spheres laid adjacent to one another. |
| "SmallGrid" | Horizontal and vertical lines that cross and are spaced 50 percent closer together than hatch style Cross. |
| "SmallCheckerBoard" | A checkerboard pattern. |
| "LargeCheckerBoard" | A checkerboard with squares that are twice the size of SmallCheckerBoard. |
| "OutlinedDiamond" | Forward diagonal and backward diagonal lines that cross but are not antialiased. |
| "SolidDiamond" | A diagonally placed checkerboard. |
| "LargeGrid" | Crossed lines pattern. |
| "Min" | Specifies the Horizontal hatch style. |
| "Max" | Specifies the LargeGrid hatch style. |