Button

React API

Button

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

• appearance

  Painikkeen ulkoasu

  Tyyppi: "link" | "solid" | "outline" | "ghost" | "ghost-outline"

  Oletusarvo: solid

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: "button" as E

• block

  100% painike (display: block)

  Tyyppi: boolean

• caret

  Nuolikuvake, vain Dropdown-painikkeille

  Tyyppi: boolean

• caretUp

  Nuolikuvake ylös, vain Dropdown-painikkeille

  Tyyppi: boolean

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• disabled

  Pois käytöstä oleva painike

  Tyyppi: boolean

• iconAfter

  Kuvake, painikkeen tekstin jälkeen

  Tyyppi: Element

• iconBefore

  Kuvake, ennen painikkeen tekstiä

  Tyyppi: Element

• onClick

  Komponentin onClick-funktio

  Tyyppi: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void

  Oletusarvo: () => void 0

• ref

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

  Tyyppi: any

• rounded

  Pyöristetty painike

  Tyyppi: boolean

• size

  Komponentin koko

  Tyyppi: "sm" | "md" | "lg"

  Oletusarvo: md

• testId

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

  Tyyppi: string

• type

  HTML:n button-elementin type-attribuutti

  Tyyppi: "button" | "submit" | "reset"

  Oletusarvo: button

• variant

  Painikkeen värivariantti

  Tyyppi: "primary" | "danger" | "success" | "light" | "dark"

  Oletusarvo: primary