AI Components / Reveal Animation
Reveal Animation
Dramatic card entrance animation wrapper with 4 types (fade, slide-up, scale, flip).
ai-essentialsv0.5.0
Playground
Examples
Scale reveal
<ai-reveal-animation type="scale" visible><cg-card><cg-text size="lg" weight="bold">Revealed!</cg-text><cg-text color="muted">This card appeared with a scale animation.</cg-text></cg-card></ai-reveal-animation>Import
import { AiRevealAnimation } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-reveal-animation';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
type | "fade"|"slide-up"|"scale"|"flip" | "fade" | Animation type |
visible | boolean | false | Trigger animation |
delay | number | 0 | Delay in ms |
Events
| Event | Detail | Description |
|---|---|---|
ai-reveal-complete | {} | Animation done |