Button
Buttons allow users to take actions, and make choices, with a single tap.
Variants
Props
| Prop | Type | Default |
|---|---|---|
isDisabled? | boolean | - |
onPress? | ((e: PressEvent) => void) | - |
onPressStart? | ((e: PressEvent) => void) | - |
onPressEnd? | ((e: PressEvent) => void) | - |
onPressChange? | ((isPressed: boolean) => void) | - |
onPressUp? | ((e: PressEvent) => void) | - |
onFocusChange? | ((isFocused: boolean) => void) | - |
preventFocusOnPress? | boolean | - |
excludeFromTabOrder? | boolean | - |
isPending? | boolean | - |
onHoverStart? | ((e: HoverEvent) => void) | - |
onHoverEnd? | ((e: HoverEvent) => void) | - |
onHoverChange? | ((isHovering: boolean) => void) | - |
size? | "6xs" | "5xs" | "4xs" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | - |
stretch? | boolean | - |
layout? | FlexProps | - |
variant? | "transparent" | "solid" | "medium" | "soft" | "surface" | - |
hitSlop? | "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | - |
Edit on GitHub
Last updated on