Accordion

React 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

  CSS-apuluokat 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.

AccordionTitle

• as

  Tyyppi: ElementType

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

AccordionToggle

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• headingAs

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

  Oletusarvo: h3

  Haitarin painikkeen otsikon taso (h1-h6).

• testId

  Tyyppi: string

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

AccordionBody

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

AccordionGroup

• as

  Tyyppi: ElementType

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat 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.