Accordion

React API

Accordion

• animate

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

  Tyyppi: boolean

  Oletusarvo: true

• appearance

  Haitarin ulkoasu

  Tyyppi: "link" | "borderless"

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

  Oletusarvo: "div" as E

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• id

  Pakollinen

  Komponentin id-attribuutti

  Tyyppi: string

• isOpen

  Pakollinen

  Auki / suljettu -tila

  Tyyppi: boolean

• reversed

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

  Tyyppi: boolean

  Oletusarvo: false

• size

  Haitarin koko. Käytössä toistaiseksi vain linkkipainiketyylisen haitarin kanssa.

  Tyyppi: "md" | "xs"

• testId

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

  Tyyppi: string

AccordionTitle

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

  Oletusarvo: "span" as E

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• testId

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

  Tyyppi: string

AccordionToggle

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• headingAs

  Haitarin painikkeen otsikon taso (h1-h6).

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

  Oletusarvo: h3

• testId

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

  Tyyppi: string

AccordionBody

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• testId

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

  Tyyppi: string

AccordionGroup

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• closeLabel

  Painikkeen sulje teksti.

  Tyyppi: string

• openLabel

  Painikkeen avaa teksti.

  Tyyppi: string

• testId

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

  Tyyppi: string

• toggleAll

  Funktio painikkeen toiminnalle.

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