Tabs

API

Tabs

• activePanel

  Tyyppi: number

  Oletusarvo: 0

  Määrittää avoimen välilehden

• children

  Tyyppi: ReactNode | ReactNode[]

  Komponentin lapsielementit

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• enableAriaLabelledby

  Tyyppi: boolean

  Oletusarvo: false

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

• id

  Tyyppi: string

  Välilehtipainikkeen id.

• mode

  Tyyppi: "static" | "dynamic"

  Oletusarvo: dynamic

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

• onSelect

  Tyyppi: (tabIndex: number) => void

  Kutsutaan, kun välilehti vaihtuu.

• scrollable

  Tyyppi: boolean

  Oletusarvo: true

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

• selectionFollowsFocus

  Tyyppi: boolean

  Oletusarvo: false

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

• size

  Tyyppi: "sm" | "md"

  Oletusarvo: md

  Komponentin koko

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

Tab

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

• as

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: "button" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• label

  Pakollinen

  Tyyppi: ReactNode

  Välilehtipainikkeen otsikko

• onClick

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

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

• onKeyDown

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

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

• ref

  Tyyppi: any

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

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