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';

console.log('click')}>cancel submit

solid outline flat flat-inline

primary success warning danger neutral disabled

Outline

primary success warning danger neutral disabled

Inverse

inverse disabled flat disabled

With text

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

With text and badge

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

And badge

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 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

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

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

default default default default
default default default default

Theme

primary10 success10 warning10 danger10 neutral10 disabled10
primary10 success10 warning10 danger10 neutral10 disabled10
primary10 success10 warning10 danger10 neutral10 disabled10
primary10 success10 warning10 danger10 neutral10 disabled10

Styles

button