Tabs

React API

Tabs

• activePanel

  Määrittää avoimen välilehden

  Tyyppi: number

  Oletusarvo: 0

• children

  Komponentin sisältö Komponentin lapsielementit

  Tyyppi: ReactNode & (ReactNode | ReactNode[])

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• enableAriaLabelledby

  Liittää välilehden sisällön välilehtipainikkeeseen.

  Tyyppi: boolean

  Oletusarvo: false

• id

  Välilehtipainikkeen id.

  Tyyppi: string

• mode

  Määrittää unmountataanko välilehden sisältö ei-aktiivisilta välilehdiltä.

  Tyyppi: "static" | "dynamic"

  Oletusarvo: dynamic

• onSelect

  Kutsutaan, kun välilehti vaihtuu.

  Tyyppi: (tabIndex: number) => void

• scrollable

  Määrittää ovatko välilehdet vieritettävissä.

  Tyyppi: boolean

  Oletusarvo: true

• selectionFollowsFocus

  Määrittää aktivoidaanko välilehti automaattisesti, kun kohdistus siirtyy välilehtipainikkeeseen nuolinäppäimillä.

  Tyyppi: boolean

  Oletusarvo: false

• size

  Komponentin koko

  Tyyppi: "sm" | "md"

  Oletusarvo: md

• testId

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

  Tyyppi: string

Tab

Ref-prop välitetään komponentin renderöimän painikkeen HTML-elementille.

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: "button" as E

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• label

  Pakollinen

  Välilehtipainikkeen otsikko

  Tyyppi: ReactNode

• onClick

  Kutsutaan, kun käyttäjä klikkaa välilehtipainiketta.

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

• onKeyDown

  Kutsutaan, kun käyttäjä valitsee välilehden näppäimistöllä.

  Tyyppi: (event: KeyboardEvent<HTMLButtonElement>, activeTabIndex?: number) => void

• ref

  Komponentin ref, tyypittyy renderöitävän HTML-elementin mukaan

  Tyyppi: any

• testId

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

  Tyyppi: string