Button

API

Button

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

• appearance

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

  Oletusarvo: solid

  Painikkeen ulkoasu

• as

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: "button" as E

  Renderöitävä HTML-elementti

• block

  Tyyppi: boolean

  100% painike (display: block)

• caret

  Tyyppi: boolean

  Nuolikuvake, vain Dropdown-painikkeille

• caretUp

  Tyyppi: boolean

  Nuolikuvake ylös, vain Dropdown-painikkeille

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• disabled

  Tyyppi: boolean

  Pois käytöstä oleva painike

• iconAfter

  Tyyppi: Element

  Kuvake, painikkeen tekstin jälkeen

• iconBefore

  Tyyppi: Element

  Kuvake, ennen painikkeen tekstiä

• onClick

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

  Oletusarvo: () => void 0

  Komponentin onClick-funktio

• ref

  Tyyppi: any

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

• rounded

  Tyyppi: boolean

  Pyöristetty painike

• size

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

  Oletusarvo: md

  Komponentin koko

• testId

  Tyyppi: string

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

• type

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

  Oletusarvo: button

  HTML:n button-elementin type-attribuutti

• util

  Poistuva

  Tyyppi: string

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

• variant

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

  Oletusarvo: primary

  Painikkeen värivariantti