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

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

  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

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

  Oletusarvo: h3

• iconBefore

  Kuvake ennen painikkeen tekstiä. Ei käytössä linkkityyliselle painikkeelle, eikä painikkeille joissa nuolikuvake ja teksti ovat käännetyssä järjestyksessä (reversed).

  Tyyppi: Element

• 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