Feedback
Orb
Indicador de processamento em camadas animadas. Comunica trabalho em andamento sem o ruído de um spinner giratório: anel estático + anel expansor (ping) + núcleo pulsante. Respeita prefers-reduced-motion.
npx shadcn add @studio/orb Tamanhos
sm
md
lg
Em contexto — teatro de análise
Analisando seu momento
Li com atenção tudo o que você me contou.
Conectei o seu momento com o que costumo ver no mercado.
Já sei por onde a nossa conversa deve começar.
Estático (animate=false)
Animações suprimidas automaticamente quando prefers-reduced-motion: reduce está ativo (via classe Tailwind motion-safe:).
Props
| Prop | Tipo | Descrição |
|---|---|---|
size | 'sm'|'md'|'lg' | Tamanho do orbe (sm 36px, md 56px, lg 80px) |
durationMs | number | Duração das animações em milissegundos |
animate | boolean | Desativa as animações mantendo a forma visual |
className | string | Classes adicionais no container |