Icon
Ícone por composição: o shell <svg> é fixo e o desenho entra pela prop icon.
Uso
Composition: Icon cuida do <svg> (tamanho, traço, viewBox) e
recebe o desenho pela prop icon. Há 88 ícones em
@components/Icon/icons/.
Search
User
Check
Bell
Lock
Calendar
Trash
ChevronRight
Home
Mail
Camera
CreditCard
import Icon from "@components/Icon/Icon.astro";
import Search from "@components/Icon/icons/Search.astro";
<Icon icon={Search} size={20} stroke="#fff" strokeWidth={2} />Props
| Prop | Tipo | Padrão |
|---|---|---|
icon | componente do shape | — |
size | number | string | 24 |
stroke | string | currentColor |
strokeWidth | number | 2 |
fill | string | none |