Dropdown

API

Dropdown

• a11yHideSelectors

  Tyyppi: string[]

  Oletusarvo: []

  Ylimääräiset HTML-elementit, jotka piilotetaan ruudunlukijalta, kun valikko avataan. Arvona toimii lista mistä tahansa JS-selektoreista.

• as

  Tyyppi: ElementType

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• isOpen

  Pakollinen

  Tyyppi: boolean

  Auki / kiinni tila

• onClick

  Pakollinen

  Tyyppi: (event: TouchEvent | MouseEvent | KeyboardEvent<HTMLElement> | React.MouseEvent<...> | React.TouchEvent<...> | FocusEvent<...>) => void

  Komponentin onClick-funktio

• placement

  Tyyppi: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end"

  Oletusarvo: bottom-start

  Pudotusvalikon (karkea) sijainti

• testId

  Tyyppi: string

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

• usePortal

  Tyyppi: boolean

  Renderöi komponentin valikon portalin avulla. Estää komponentin valikon leikkautumisen jos parent-elementin overflow on piilotettu esim. taulukoissa.

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

DropdownToggle

• as

  Tyyppi: ElementType

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

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

DropdownMenu

• allowFullWidth

  Tyyppi: boolean

  Salli valikon venyä leveydeltään sisällön mukaan (oletuksena valikolle annetaan maksimileveydeksi 20rem)

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

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

DropdownMenuGroupHeading

• as

  Tyyppi: ElementType

  Oletusarvo: "h3" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

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

DropdownMenuGroup

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

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

DropdownMenuItem

• active

  Tyyppi: boolean

  Oletusarvo: false

  Aktiivisen valinnan visuaalinen korostus

• as

  Tyyppi: ElementType

  Oletusarvo: "a" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• disabled

  Tyyppi: boolean

  Oletusarvo: false

  Estetty (disabloitu) linkki / painike

• divider

  Tyyppi: boolean

  Oletusarvo: false

  Renderöi erotinviivan

• heading

  Tyyppi: boolean

  Oletusarvo: false

  Renderöi väliotsikon

• href

  Tyyppi: string

  Linkki

• iconAfter

  Tyyppi: Element

  Kuvake, painikkeen tekstin jälkeen

• iconBefore

  Tyyppi: Element

  Kuvake, ennen painikkeen/linkin tekstiä

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