Usage
import { FrostCloud } from "@/registry/blocks/frost-cloud/frost-cloud";
<FrostCloud />Props
| Name | Type | Default | Description |
|---|---|---|---|
| color | "blue" | "orange" | "orange" | Blue-to-cyan or red-to-orange sky; the cloud's colors follow |
| background | boolean | true | Fill the whole box with the sky gradient; false leaves the cloud on a transparent background with a soft colored edge |
| followPointer | boolean | true | The eyes follow the pointer while it's over the illustration |
| label | string | Accessible description of the illustration | |
| className | string | Extra class on the root |
When to use
- A friendly face for an assistant, an AI feature or a cloud product – as an app icon, an empty state or a feature card - Landing pages that want a calm, living mascot instead of a static logo
When not to use
Interactive app UI; these are illustrations, so keep them out of task flows.