Skip to main content

Button


A button

Example

<Button
kind="solid"
hierarchy="primary"
label="Hello"
onPress={() => window.alert("Hello!")}
/>

Props

NameTypeDefault ValueRequiredDescription
labelstringYes
onPress() => voidYes
kind"outline" | "transparent" | "solid"Yes
hierarchy"primary" | "secondary" | "danger"Yes
isDisabledbooleanNo

Whether the button is disabled.

size"small" | "large" | "medium"No
icon(props: IconProps) => ElementNo
iconPosition"leading" | "trailing"No