Spacing

3.0.12

Spacing visually relates elements in a view and establishes boundaries to distinguish unrelated elements.

Demo

NamnTypBeskrivning

children

ReactNode

customAttribute

{ attribute: string; value: string | number }Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]".

size

numberOptional size to adjust the spacing. Automatically becomes 8px larger on lg screens and above.

sx

SxPropsThe system prop that allows defining system overrides as well as additional CSS styles.

variant

"small" | "medium"Variant of the spacing.

Installation

npm install @sj-ab/component-library.ui.spacing

Länkar

Tillgänglighet

Semantik

Spacing är enbart dekorativ och läggs in som en vanlig <div>. Den påverkar inte uppläsningen med skärmläsare.

Change log

Statistik

  • Importer av Spacing

    2152
  • Repos med Spacing

    85%
  • Senaste installerade version av Spacing

    3.0.11
  • Äldsta installerade version av Spacing

    2.0.7