14 lines
676 B
Vue
14 lines
676 B
Vue
<template>
|
|
<div class="inline-flex align-center gap-2 flex-wrap">
|
|
<Button color="default">
|
|
<template #prefix>
|
|
<svg class="w-5 h-5 mr-2 -ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path></svg>
|
|
</template>
|
|
Buy
|
|
</Button>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { Button } from '../../../../src/index'
|
|
</script>
|