Styling
The button and its modal bring their own styles. Four props adjust them to your app.
Theme
theme sets the button and the modal to "light" (the default) or "dark". Use "dark" on dark backgrounds.
Variant
| variant | Looks like |
|---|---|
| "default" | A solid button with comfortable padding. The default. |
| "compact" | The same button, smaller, for dense toolbars and rows. |
| "outline" | A transparent button with a border. |
className and disabled
className is added to the button so you can apply your own styles. disabled turns the button off, for example until your form has a recipient.