The toujou button is a customized built-in element, which mean it extends one of the default html tags (button tag).

To use the toujou button we need to use the is="toujou-button" attribute

  npm install @toujou/toujou-button

<button
    is="toujou-button"
    button-variant="secondary"
    button-size="large"
    button-type="ghost"
></button>

There are some attribute which we can set to help us style the component. If a given attribute is no given, or if the value is invalid, the default value will be set.

Possible values are 'primary' (default), 'secondary' and 'font'

Possible values are 'tiny', 'small', 'normal' (default) and large

Possible values are 'default' (border), 'border' and 'ghost'