Spacing
3.1.1
Spacing visually relates elements in a view and establishes boundaries to distinguish unrelated elements.
Namn | Typ | Beskrivning |
---|---|---|
children | ReactNode | |
customAttribute | { attribute: string; value: string |
number } | Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]". |
size | number | Optional size to adjust the spacing. Automatically becomes 8px larger on lg screens and above. |
sx | SxProps | The system prop that allows defining system overrides as well as additional CSS styles. |
variant | "small" |
"medium" | Variant of the spacing. |
npm install @sj-ab/component-library.ui.spacing
Spacing är enbart dekorativ och läggs in som en vanlig <div>
. Den påverkar inte uppläsningen med skärmläsare.