Siirry sisältöön

14.5.0

Accordion

Haitarielementti sisältöjen piilottamiseen. Soveltuu erityisesti listamaisen sisällön tiivistämiseen.

Julkaistu versiossa 1.2.0

API

Accordion

  • animate

    Tyyppi: boolean

    Oletusarvo: true

    Kääntää komponentin animaatiot päälle/pois

  • appearance

    Tyyppi: "link" | "borderless"

    Haitarin ulkoasu

  • 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

  • id

    Pakollinen

    Tyyppi: string

    Komponentin id-attribuutti

  • isOpen

    Pakollinen

    Tyyppi: boolean

    Auki / suljettu -tila

  • reversed

    Tyyppi: boolean

    Oletusarvo: false

    Kääntää nuolen ja otsikkotekstin toisinpäin. Käytössä toistaiseksi vain linkkipainiketyylisen haitarin kanssa.

  • 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.

AccordionTitle

  • as

    Tyyppi: ElementType

    Oletusarvo: "span" 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.

AccordionToggle

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • onClick

    Pakollinen

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

    Haitarin painikkeen 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.

AccordionBody

  • 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.

AccordionGroup

  • as

    Tyyppi: ElementType

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • closeLabel

    Tyyppi: string

    Painikkeen sulje teksti.

  • openLabel

    Tyyppi: string

    Painikkeen avaa teksti.

  • testId

    Tyyppi: string

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

  • toggleAll

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

    Funktio painikkeen toiminnalle.

  • util

    Poistuva

    Tyyppi: string

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