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