Documentation
Documentation Hub

BaseButtonAction

Buttons shapes

Buttons are an essential part of any application. Actions can have different shapes using the shape prop.

Default shape of all <BaseButtonAction> can be set in your .app/app.config.ts.
Show code

Primary color

Actions can have different colors. The following example shows a primary button.

Show code

Muted color

Actions can have different colors. The following example shows a muted button.

Show code

Loading state

Actions can be shown in a loading state. Use the loading prop to show a loading indicator.

Show code

Actions group

Actions can be grouped into a single element using the BaseButtonGroup component.

Show code

#<BaseButtonAction>

Properties

type
The type of button.
Show example
rel
The value for the `rel` attribute on the button.
Show example
to
The route to navigate to when the button is clicked.
Show example
color
The color of the button.
Show example
shape
The shape of the button.
Show example
disabled
Whether the button is disabled.
Show example
loading
Whether the button is in a loading state.
Show example
href
Using href instead of to result in a native anchor with no router functionality.
Show example
target
The value for the `target` attribute on the button.
Show example

Slots

#default
Show example