Panel

React API

Panel

• animate

  Tyyppi: boolean

  Oletusarvo: true

  Kääntää avattavan paneelin animaatiot päälle/pois.

• as

  Tyyppi: ElementType

  Oletusarvo: defaultElement as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• heading

  Tyyppi: ReactNode

  Paneelin otsikko

• headingAs

  Tyyppi: ElementType<HTMLAttributes<HTMLHeadingElement>, keyof IntrinsicElements>

  Oletusarvo: h2

  Paneelin otsikkotaso (h1-h6).

• headingId

  Tyyppi: string

  Paneelin otsikolle välitettävä id.

• id

  Tyyppi: string

  Paneelin id. Mikäli id:tä ei anneta komponentille luodaan uniikki id.

• isOpen

  Tyyppi: boolean

  Avattavan/suljettavan paneelin tila.

• legend

  Tyyppi: boolean

  Oletusarvo: true

  Määrittää käytetäänkö legend-elementtiä (käytössä vain komponentin ollessa fieldset).

• legendText

  Tyyppi: ReactNode

  Legend-elementille välitettävä teksti (oletuksena sama kuin heading, käytössä vain komponentin ollessa fieldset).

• onClick

  Tyyppi: (e: MouseEvent<HTMLButtonElement, MouseEvent>) => void

  Avattavan/suljettavan paneelin otsikon onClick-funktio.

• testId

  Tyyppi: string

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

• variant

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

  Oletusarvo: primary

  Komponentin väri / tyyppi

PanelBody

• as

  Tyyppi: ElementType

  Oletusarvo: "div" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• testId

  Tyyppi: string

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

PanelActions

• as

  Tyyppi: ElementType

  Oletusarvo: "div" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• testId

  Tyyppi: string

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