Icon

Wrapper for lucide/Vue icons with aria-label support for meaningful icons.

Usage

<script setup>
import { Search } from "lucide-vue-next";
import { ArchIcon } from "@archora/ui";
</script>

<template>
  <ArchIcon :icon="Search" label="Search" />
</template>

Live sandbox

Icon can be tested directly on this page.

interactive

<Icon />

Props

Prop	Type	Default	Description
icon	Component	-	Vue icon component.
size	number	16	Size.
strokeWidth	number	1.8	Stroke width.
label	string	-	Accessible label or text.