Button
Button
Filled, outlined, tonal, elevated, and text buttons
npx rootnative add button
Docs
Variants
filled button
elevated button
tonal button
outlined button
text button
Disabled Variants
filled button
elevated button
tonal button
outlined button
text button
Loading
filled button
elevated button
tonal button
outlined button
text button
Buttons: With Icons
Add Item
Continue
Favorite
Sizes (XS–XL)
EXTRASMALL
SMALL
MEDIUM
LARGE
EXTRALARGE
Square Shape
EXTRASMALL
SMALL
MEDIUM
LARGE
EXTRALARGE
Icon Size
iconSize overrides the size-derived icon size (20 dp at size s).
14 dp
Default
28 dp
Label Style
labelStyle affects the text only — icons keep the size and color derived from the variant.
Launch
Read more
Custom Colors
Danger
Teal Bold
Custom Tonal
Previous
RTL
Next
ButtonGroup