Icon uses iconfont of Bootstrap Icons.Icon names can be found in their website.
TODO
Due to the limitation of iconfont, Will use a more comprehensive and easy way to reconstruct later.
Use the name attribute to define icon. And you can adjust the size of the icon by adjusting the font.
Play UI<template>
<div space-y-2>
<div fscw gap-4>
<pl-icon name="airplane" />
<pl-icon name="arrow-clockwise" />
<pl-icon name="browser-chrome" />
<pl-icon name="bag-check-fill" />
</div>
</div>
</template><template>
<div space-y-2>
<div fscw gap-4>
<pl-icon name="airplane" />
<pl-icon name="arrow-clockwise" />
<pl-icon name="browser-chrome" />
<pl-icon name="bag-check-fill" />
</div>
</div>
</template>| Name | Type | Default | Description |
|---|---|---|---|
| name | string | '' | Set icon name. |