DButton

DButton - A type-safe wrapper around Bootstrap Vue Next’s BButton component

Live Examples

Extended props

On top of everything BButton supports, DButton adds three base-level button behaviours:

Prop	Type	Default	Description
`variant`	`ButtonVariant \| LinkVariant \| null`	`'secondary'`	Visual style. Defaults to the soft `secondary` — not `primary`. Under the soft-first house rule, `primary` is the single emphatic action per page/modal, so a variant-less button is deliberately non-emphatic; declare `variant="primary"` explicitly where you mean the one loud action. Pass `null` for no variant class.
`loading`	`boolean`	`false`	Disables the button immediately and shows a trailing spinner while an async action runs.
`loadingText`	`string`	—	Optional label shown in place of the default slot while the spinner is visible.
`icon`	`string`	—	Leading Bootstrap Icons glyph name, e.g. `icon="save"` renders `<i class="bi bi-save">`.
`block`	`boolean`	`false`	Full-width button (the BS5 replacement for the dropped `.btn-block`).
`spinnerDelay`	`number`	`500`	Anti-flash: how long `loading` must hold before the spinner appears, so fast actions never flicker one in.
`minSpinnerTime`	`number`	`100`	Anti-flash: minimum time the spinner stays once shown, so it never strobes.

The Bootstrap Icons font ships with the library’s theme CSS, so icon works without wiring up your own icon set. Any glyph from the Bootstrap Icons catalogue is valid.

Slots

This component forwards all slots dynamically from the underlying Bootstrap Vue Next component.

Bootstrap Vue Next Wrapper

This is a lightweight type-safe wrapper around the corresponding Bootstrap Vue Next component. It provides API stability and forwards all props, events, and slots.

For complete API documentation (props, events, methods), refer to the Bootstrap Vue Next BButton documentation .