Components
AI Orb
A decorative SVG orb icon used to indicate AI-powered features. Renders consistently across all browsers using pure SVG gradients.
Installation
bunx @happlyui/cli@latest add ai-orb
Dependencies
Registry dependencies
These are automatically installed when you add this component.
happly-ui-utils
Usage
import * as AiOrb from "@/components/ui/ai-orb"
<AiOrb.Root size={40} />
Examples
Default
The AI orb at full size (112px).
<AiOrb.Root size={112} />
Sizes
Various sizes using pixel values.
<AiOrb.Root size={48} />
API Reference
AiOrb.Root
The AI indicator orb SVG component.
| Prop | Type | Default | Description |
|---|---|---|---|
size | number | 40 | Size in pixels. |