Skip to main content Skip to navigation Skip to search

To use the button component import the component in your JavaScript.

import '@cds/core/button/register.js';

Form

submit

Actions

solid outline flat

Status

primary success danger neutral disabled
inverse

StatusOutline

primary success danger neutral disabled

IconWithText

user account user account user account
user account user account user account
new window download

IconWithTextAndBadge

click 10 click 10 click 10
click 10 click 10 click 10

TextAndBadge

Click Me 10 Click Me 10 Click Me 10
Click Me 10 Click Me 10
Click Me 10 Click Me 10
Click Me 10 Click Me 10
Click Me 10
Click Me 10 Click Me 10 Click Me 10

Links

Sizes

Default ('md') Default ('md')
Compact ('sm') Compact ('sm')

Block

Default ('md') Default ('md') Compact ('sm') Compact ('sm')

Loading

default default default default
default default default default

DarkTheme

primary10 success10 danger10 neutral10 disabled10
primary10 success10 danger10 neutral10 disabled10 flat10

CustomStyles

button