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'