Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

Button

Buttons are essential elements in your application's user interface that users can click to trigger events.

Basic Example

The on_click trigger is called when the button is clicked.

0

Loading and Disabled

The loading prop is used to indicate that the action triggered by the button is currently in progress. When set to True, the button displays a loading spinner, providing visual feedback to the user that the action is being processed. This also prevents multiple clicks while the button is in the loading state. By default, loading is set to False.

The disabled prop also prevents the button from being but does not provide a spinner.

API Reference

rx.button

Trigger an action or event, such as submitting a form or displaying a dialog.

PropType | ValuesDefaultInteractive
as_child
bool
size
"1" | "2" | ...
variant
"classic" | "solid" | ...
color_scheme
"tomato" | "red" | ...
high_contrast
bool
radius
"none" | "small" | ...
auto_focus
Union[str, int, bool]
disabled
bool
form
Union[str, int, bool]
form_action
Union[str, int, bool]
form_enc_type
Union[str, int, bool]
form_method
Union[str, int, bool]
form_no_validate
Union[str, int, bool]
form_target
Union[str, int, bool]
name
Union[str, int, bool]
type
Union[str, int, bool]
value
Union[str, int, bool]