Button
Common
Button Demo
ButtonDemo.vue
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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Icon Button
IconButtonDemo.vue
vue
<template>
<AGUIIconButton icon="i-ri-brush-line" />
</template>
1
2
3
2
3