Radius

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

Default shape of all <BaseButtonAction> can be set in your <app>/app.config.ts.
نمایش کد
vue

Color:muted

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

نمایش کد
vue

Color:primary

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

نمایش کد
vue

Color:info

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

نمایش کد
vue

Color:success

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

نمایش کد
vue

Color:warning

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

نمایش کد
vue

Color:danger

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

نمایش کد
vue

State:disabled

Actions can be shown in a disabled state. Use the disabled prop to show a disabled button.

نمایش کد
vue

State:loading

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

نمایش کد
vue

Group

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

نمایش کد
vue
disabled
Whether the button is disabled.
نمایش مثال
vue
href
Using href instead of to result in a native anchor with no router functionality.
نمایش مثال
vue
loading
Whether the button is in a loading state.
نمایش مثال
vue
rel
The value for the `rel` attribute on the button.
نمایش مثال
vue
target
The value for the `target` attribute on the button.
نمایش مثال
vue
to
The route to navigate to when the button is clicked.
نمایش مثال
vue
type
The type of button.
نمایش مثال
vue
color
The color of the button.
نمایش مثال
vue
rounded
The radius of the button.

@since

2.0.0

نمایش مثال
vue
#default
This slot has no inherted props
نمایش مثال
vue
color
The color of the button.
نمایش مثال
vue
rounded
The radius of the button.
نمایش مثال
vue