Siirry sisältöön

Box

Komponentti erilaisten sisältöjen ryhmittelyyn ja kehystykseen.

Julkaistu versiossa 13.1.0

React API

Box

  • appearance

    Tyyppi: "solid" | "outline"

    Oletusarvo: outline

    Määrittää täytetäänkö laatikko yhdellä värillä vai käytetäänkö reunaviivaa.

  • as

    Tyyppi: ElementType

    Renderöitävä HTML-elementti

  • bgColor

    Tyyppi: "white" | "background"

    Komponentin taustaväri

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    CSS-apuluokat ulkoasun muokkaamiseen.

  • m

    Tyyppi: 0

    Poistaa laatikolta marginin

  • p

    Tyyppi: 0

    Poistaa laatikolta paddingin

  • rounded

    Tyyppi: boolean

    Pyöristää laatikon reunat. Käytössä toistaiseksi vain Kanta-teemassa.

  • testId

    Tyyppi: string

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

  • variant

    Tyyppi: "primary" | "warning" | "danger" | "success" | "light" | "dark"

    Komponentin väri / tyyppi