Icon
Icon component powered by Lucide icons via lucide-vue-next.
Usage
vue
<script setup>
import { Icon } from '@yellowcard/b2b-design-system';
</script>
<template>
<Icon name="search" />
<Icon name="check" size="24" color="#492b7c" />
</template>Available Icons
The design system uses Lucide icons. Browse the full icon set at lucide.dev.
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
name* | string | — | Lucide icon name |
size | string | number | — | Icon size in pixels |
color | string | — | Icon color |
strokeWidth | number | — | Stroke width |