BackgroundProps tsdocs

This commit is contained in:
peterkogo
2025-05-05 11:53:09 +02:00
parent 47f9118296
commit ca60c91906
@@ -7,6 +7,7 @@ export enum BackgroundVariant {
} }
export type BackgroundProps = { export type BackgroundProps = {
/** When multiple backgrounds are present on the page, each one should have a unique id. */
id?: string; id?: string;
/** Color of the background */ /** Color of the background */
bgColor?: string; bgColor?: string;
@@ -16,13 +17,26 @@ export type BackgroundProps = {
patternClass?: string; patternClass?: string;
/** Class applied to the container */ /** Class applied to the container */
class?: ClassValue; class?: ClassValue;
/** Gap between repetitions of the pattern */ /**
* The gap between patterns. Passing in a tuple allows you to control the x and y gap
* independently.
* @default 20
*/
gap?: number | [number, number]; gap?: number | [number, number];
/** Size of a single pattern element */ /**
* The radius of each dot or the size of each rectangle if `BackgroundVariant.Dots` or
* `BackgroundVariant.Cross` is used. This defaults to 1 or 6 respectively, or ignored if
* `BackgroundVariant.Lines` is used.
*/
size?: number; size?: number;
/** Line width of the Line pattern */ /**
* The stroke thickness used when drawing the pattern.
* @default 1
*/
lineWidth?: number; lineWidth?: number;
/** Variant of the pattern /**
* Variant of the pattern.
* @default BackgroundVariant.Dots
* @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross * @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross
* 'lines', 'dots', 'cross' * 'lines', 'dots', 'cross'
*/ */