• Start

  • Blogg

  • Kom igång

  • Riktlinjer

  • Komponenter

  • Changelog

  • Tillgänglighet

  • Statistik

  • Inställningar

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Spacing

Spacing

3.1.3

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

Demo
Props
Installation
Länkar
Tillgänglighet
Change log
Statistik

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
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

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

Länkar

  • Storybook

  • Figma

  • Bit.cloud

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

  • Upgrade to React 19

    3.1.0

Statistik