Spacing
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
Semantik
Spacing är enbart dekorativ och läggs in som en vanlig <div>
. Den påverkar inte uppläsningen med skärmläsare.
Importer av Spacing
2160
Repos med Spacing
85%
Senaste installerade version av Spacing
3.0.11
Äldsta installerade version av Spacing
2.0.7