Siirry sisältöön

14.5.0

Panel

Panel-komponentti mahdollistaa saman aihealueen sisältöjen ryhmittelyn selkeisiin asiakokonaisuuksiin.

Julkaistu versiossa 2.0.0

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

    Utility-luokat ulkoasun muokkaamiseen

  • heading

    Tyyppi: ReactNode

    Paneelin otsikko

  • headingAs

    Tyyppi: ElementType<any, keyof IntrinsicElements>

    Oletusarvo: h2

    Paneelin otsikkotaso (avattavan paneelin otsikko on aina span-elementti).

  • headingId

    Tyyppi: string

    Paneelin otsikolle välitettävä id.

  • id

    Tyyppi: string

    Paneelin id. Mikäli id:tä ei anneta, komponentin avattavalle versiolle luodaan uniikki id.

  • isOpen

    Tyyppi: boolean

    Avattavan/suljettavan paneelin tila.

  • legend

    Tyyppi: boolean

    Oletusarvo: true

    Määrittää käytetäänkö legend-elementtiä.

  • legendText

    Tyyppi: ReactNode

    Legend-elementille välitettävä teksti (oletuksena sama kuin heading).

  • 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

  • util

    Poistuva

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

  • 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

    Utility-luokat ulkoasun muokkaamiseen

  • testId

    Tyyppi: string

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

  • util

    Poistuva

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

PanelActions

  • as

    Tyyppi: ElementType

    Oletusarvo: "div" as E

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • testId

    Tyyppi: string

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

  • util

    Poistuva

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.