Swap
Alternância animada entre dois estados.
Swap
Rotação (Sol/Lua)
Escala (Favorito)
Esmaecer (Áudio)
<!-- Swap Component -->
<div class="swap">
Swap content here
</div>---
import Swap from '@/components/ui/actions/Swap/Swap.astro';
---
<Swap />Uso
Quando usar
- Use Swap para alternância animada entre dois estados.
- Ideal para interfaces que precisam de ações
Boas práticas
- Mantenha consistência com outros componentes da mesma categoria
- Considere acessibilidade e estados de interação
- Teste em diferentes tamanhos de tela