Accordion
Accordion esconde contenido secundario detrás de un título corto. Ideal para preguntas frecuentes y detalles que no todos necesitan leer.
Preguntas frecuentes
La mayoría de los servicios se resuelven en menos de 24 horas.
Nos encargamos de los trámites y servicios de tu auto, como mantención, TAG, multas y revisión técnica, para que no tengas que hacerlo tú.
Sí, sin costo hasta 24 horas antes de tu hora.
Sí, en todas las comunas de Santiago con cobertura. El retiro y la entrega van incluidos.
Anatomía
Cada ítem es un trigger con la pregunta y un contenido que se despliega debajo. El chevron gira al abrir y el divisor separa los ítems.
La mayoría de los servicios se resuelven en menos de 24 horas.
Nos encargamos de los trámites y servicios de tu auto, como mantención, TAG, multas y revisión técnica, para que no tengas que hacerlo tú.
- Trigger
- Chevron
- Contenido
- Divisor
Comportamiento
Prueba ambos. La animación de altura viene incluida y respeta el contenido.
La mayoría de los servicios se resuelven en menos de 24 horas.
Nos encargamos de los trámites y servicios de tu auto, como mantención, TAG, multas y revisión técnica, para que no tengas que hacerlo tú.
Sí, sin costo hasta 24 horas antes de tu hora.
singleAbrir un ítem cierra el anterior. Con collapsible se puede cerrar todo.
La mayoría de los servicios se resuelven en menos de 24 horas.
Nos encargamos de los trámites y servicios de tu auto, como mantención, TAG, multas y revisión técnica, para que no tengas que hacerlo tú.
Sí, sin costo hasta 24 horas antes de tu hora.
multipleCada ítem se abre por su cuenta. Útil para comparar respuestas.
Estados
La mayoría de los servicios se resuelven en menos de 24 horas.
CerradoTexto en gris. Pasa a negro con hover.
La mayoría de los servicios se resuelven en menos de 24 horas.
AbiertoTrigger en negro y chevron girado.
La mayoría de los servicios se resuelven en menos de 24 horas.
DeshabilitadoPara preguntas que aún no aplican.
Uso
La mayoría de los servicios se resuelven en menos de 24 horas.
Nos encargamos de los trámites y servicios de tu auto, como mantención, TAG, multas y revisión técnica, para que no tengas que hacerlo tú.
Preguntas cortas y respuestas que se leen en segundos.
$89.990
Esconder el precio o la acción principal. Lo que decide la compra va siempre visible.
Código
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from '@carvuk/design-system/components/accordion';
<Accordion type='single' collapsible>
<AccordionItem value='que-hace'>
<AccordionTrigger>¿Qué hace Carvuk?</AccordionTrigger>
<AccordionContent>Nos encargamos de los trámites de tu auto.</AccordionContent>
</AccordionItem>
</Accordion>