Box
Komponentti erilaisten sisältöjen ryhmittelyyn ja kehystykseen.
Julkaistu versiossa 13.1.0
React API
Box
- appearance
Määrittää täytetäänkö laatikko yhdellä värillä vai käytetäänkö reunaviivaa.
Tyyppi:
"solid" | "outline"Oletusarvo:
outline - as
Renderöitävä HTML-elementti
Tyyppi:
ElementType - bgColor
Komponentin taustaväri
Tyyppi:
"white" | "background" - children
Komponentin sisältö
Tyyppi:
ReactNode - className
CSS-apuluokat ulkoasun muokkaamiseen.
Tyyppi:
string - m
Poistaa laatikolta marginin
Tyyppi:
0 - p
Poistaa laatikolta paddingin
Tyyppi:
0 - rounded
Pyöristää laatikon reunat. Käytössä toistaiseksi vain Kanta-teemassa.
Tyyppi:
boolean - testId
Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.
Tyyppi:
string - variant
Komponentin väri / tyyppi
Tyyppi:
"primary" | "warning" | "danger" | "success" | "light" | "dark"