@orangecheck/design / SectionProps
Interface: SectionProps
Defined in: composites/section.tsx:5
Properties
| Property | Type | Description | Defined in |
|---|---|---|---|
<a id="property-children"></a> children | ReactNode | - | composites/section.tsx:15 |
<a id="property-classname"></a> className? | string | - | composites/section.tsx:13 |
<a id="property-diagonal"></a> diagonal? | boolean | Diagonal texture overlay; defaults on only for tone='brand'. | composites/section.tsx:11 |
<a id="property-id"></a> id? | string | - | composites/section.tsx:12 |
<a id="property-innerclassname"></a> innerClassName? | string | - | composites/section.tsx:14 |
<a id="property-tone"></a> tone? | "default" | "muted" | "dark" | "brand" | Background band: neutral page, recessed gray, brand fill, or a forced-dark band on a light page. | composites/section.tsx:7 |
<a id="property-width"></a> width? | "default" | "wide" | "full" | Inner width: centered container, wide max-w-screen-2xl, or full-bleed. | composites/section.tsx:9 |