Button

Common

Button Demo

vue

<template>
  <AGUIDemoBlock title="Button Demo">
    <AGUIButton data-location="ALONE">
      ALONE
    </AGUIButton>
    <AGUIHr />
    <div class="flex" gap="1px">
      <AGUIButton data-location="LEFT">
        LEFT
      </AGUIButton>
      <AGUIButton data-location="RIGHT">
        RIGHT
      </AGUIButton>
    </div>
  </AGUIDemoBlock>
</template>

Icon Button

vue

<template>
  <AGUIIconButton icon="i-ri-brush-line" />
</template>