MenuCaderno UI
npmGitHub
Theme

<cad-icon>

Icon

Hand-drawn symbols that inherit the text color. Add a label when an icon needs to be announced.

A labelled icon

The package exports 41 names across 3 categories. Select a name to copy it.

Click an icon to copy its name.

API reference: <cad-icon>

labellabelstring''namenameCadIconName'spark'sizesizestring'24'labelstringlabelnonameCadIconNamenameyessizestringsizenosvgThe rendered SVG element.--cad-icon-sizeCSS-controlled rendered size for composed icons.--cad-icon-stroke-widthMain pen stroke width.

Typed icon registry

Accessibility

Icons are hidden from the accessibility tree by default. Add alabel only when the icon conveys meaning that nearby text does not already provide; labelled icons receive an image role and accessible name.

MIT licensed. Built with Caderno UI.Report an issue
Back to top