Siirry sisältöön
Beta

Spacing

Komponentti välistysarvojen asettamiseen.

Julkaistu versiossa 13.6.0

React API

Spacing

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

  • base

    Oletusarvo välistykselle.

    Tyyppi: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | "px"

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • md

    Välistysarvo md-breakpointista ylöspäin.

    Tyyppi: 0 | 2 | 4 | 6 | "px"

  • negative

    Asettaa negatiivisen margin-arvon (käytössä vain arvot 0 | 2 | 4 | 6 | px).

    Tyyppi: boolean

    Oletusarvo: false

  • padding

    Käyttää margin-arvon sijasta padding-arvoa.

    Tyyppi: boolean

    Oletusarvo: false

  • side

    Elementin sivut, joille välistys asetetaan.

    Tyyppi: "all" | "x" | "y" | "top" | "bottom" | "left" | "right"

    Oletusarvo: all

  • sm

    Välistysarvo sm-breakpointista ylöspäin.

    Tyyppi: 0 | 2 | 4 | 6 | "px"

  • testId

    Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

    Tyyppi: string