ActionButton

Extends SPButton

import { ActionButton } from '@bbc/front-end-kit/vue/showpad'

Deprecated

As ByltButton grew to provide more logic (also exposed through SPButton), this component was reduced to a thin wrapper around SPButton that adds the .action-button class and ensures icons receive the action-button__icon class.

Consider creating a project-specific wrapper in your UI kit instead of relying on this component.

Getting started

<template>
    <ActionButton>
        Action button label
    </ActionButton>
</template>

<script setup>
import { ActionButton } from '@bbc/front-end-kit/vue/showpad'
</script>

Generated config

No additional config changes next to SPButton.

API

This component extends from SPButton. All attributes will be passed on to that parent component unless documented here.

Properties

prefixIconProps

Props forwarded to the prefix icon component. The action-button__icon class is automatically merged in alongside any classes you provide.

Values: Object

Default: {}

suffixIconProps

Props forwarded to the suffix icon component. The action-button__icon class is automatically merged in alongside any classes you provide.

Values: Object

Default: {}

Slots

No additional slots next to SPButton. All SPButton slots are forwarded transparently.