Panel
Panel-komponentti mahdollistaa saman aihealueen sisältöjen ryhmittelyn selkeisiin asiakokonaisuuksiin.
Panel-komponentti mahdollistaa saman aihealueen sisältöjen ryhmittelyn selkeisiin asiakokonaisuuksiin.
Kääntää avattavan paneelin animaatiot päälle/pois.
Tyyppi: boolean
Oletusarvo: true
Renderöitävä HTML-elementti
Tyyppi: ElementType
Oletusarvo: defaultElement as E
Komponentin sisältö
Tyyppi: ReactNode
CSS-apuluokat ulkoasun muokkaamiseen.
Tyyppi: string
Paneelin otsikko
Tyyppi: ReactNode
Paneelin otsikkotaso (h1-h6).
Tyyppi: ElementType<HTMLAttributes<HTMLHeadingElement>, keyof IntrinsicElements>
Oletusarvo: h2
Paneelin otsikolle välitettävä id.
Tyyppi: string
Paneelin id. Mikäli id:tä ei anneta komponentille luodaan uniikki id.
Tyyppi: string
Avattavan/suljettavan paneelin tila.
Tyyppi: boolean
Määrittää käytetäänkö legend-elementtiä (käytössä vain komponentin ollessa fieldset).
Tyyppi: boolean
Oletusarvo: true
Legend-elementille välitettävä teksti (oletuksena sama kuin heading, käytössä vain komponentin ollessa fieldset).
Tyyppi: ReactNode
Avattavan/suljettavan paneelin otsikon onClick-funktio.
Tyyppi: (e: MouseEvent<HTMLButtonElement, MouseEvent>) => void
Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.
Tyyppi: string
Komponentin väri / tyyppi
Tyyppi: "primary" | "danger" | "success" | "light" | "dark"
Oletusarvo: primary
Renderöitävä HTML-elementti
Tyyppi: ElementType
Oletusarvo: "div" as E
Komponentin sisältö
Tyyppi: ReactNode
CSS-apuluokat ulkoasun muokkaamiseen.
Tyyppi: string
Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.
Tyyppi: string
Renderöitävä HTML-elementti
Tyyppi: ElementType
Oletusarvo: "div" as E
Komponentin sisältö
Tyyppi: ReactNode
CSS-apuluokat ulkoasun muokkaamiseen.
Tyyppi: string
Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.
Tyyppi: string