BRAID
Braid Logo
 

Button

id
string
onClick
MouseEventHandler<HTMLButtonElement>
type
"reset" | "button" | "submit"
icon
UseIcon
iconPosition
"leading" | "trailing"
children
ReactNode
onKeyUp
KeyboardEventHandler<HTMLButtonElement>
onKeyDown
KeyboardEventHandler<HTMLButtonElement>
aria-haspopup
false | true | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree"
aria-controls
string
aria-expanded
false | true | "false" | "true"
aria-describedby
string
aria-label
string
tabIndex
number
data
DataAttributeMap
size
"small" | "standard"
tone
"brandAccent" | "critical" | "formAccent" | "neutral"
variant
"transparent" | "solid" | "ghost" | "soft"
bleed
boolean
loading
boolean
ref
Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
string | (instance: HTMLButtonElement | null) => void | RefObject<HTMLButtonElement>

Further References

View Source