Button

• Examples:

test Test Test Test

Code

<asahi-button>test</asahi-button>
<asahi-button color="primary">
  <asahi-icon icon="angle-down"></asahi-icon>
</asahi-button>
<asahi-button color="quaternary" asahi-icon="right">
  Test <asahi-icon icon="bars"></asahi-icon>
</asahi-button>
<asahi-button color="tertiary">Test</asahi-button>
<asahi-button color="quaternary">Test</asahi-button>

Props

• color?: primary | secondary | tertiary | quaternary - button color schema
• type?: submit | button | reset - button type, button is default
• border-radius?: 0 - switch off border radius
• indent?: 0 - switch off label padding
• h-fill? - switch on for width: 100%
• transparent? - transparent version of color button schema
• icon? - switch for special icon mode padding while content of button is just icon
• asahi-icon? - left | right - padding from one or another side of inner asahi-icon
• font? - medium | regular | light - font weight
• disabled?