Carousel
El Carousel muestra una fila de cards que se arrastra con el dedo o avanza solo. Úsalo para explorar servicios u ofertas sin ocupar toda la pantalla.
Servicios para tu auto
Mantención
Desde $89.990
Revisión técnica
Desde $34.990
TAG a domicilio
Desde $19.990
SOAP 2027
Desde $6.490
Pago de multas
Desde $4.990
Lavado premium
Desde $24.990
Transferencia
Desde $49.990
Anatomía
Una fila de slides que se arrastra con el dedo o el trackpad. La navegación lateral y el indicador son opcionales y se suman según el contexto.
Mantención
Desde $89.990
Revisión técnica
Desde $34.990
TAG a domicilio
Desde $19.990
SOAP 2027
Desde $6.490
Pago de multas
Desde $4.990
Lavado premium
Desde $24.990
Transferencia
Desde $49.990
- Slide
- Navegación lateral
- Indicador de posición
Variantes
Todas las variantes comparten la misma estructura. Cambia la forma de avanzar, no el contenido.
Mantención
Desde $89.990
Revisión técnica
Desde $34.990
TAG a domicilio
Desde $19.990
SOAP 2027
Desde $6.490
Pago de multas
Desde $4.990
Lavado premium
Desde $24.990
Transferencia
Desde $49.990
Mantención
Desde $89.990
Revisión técnica
Desde $34.990
TAG a domicilio
Desde $19.990
SOAP 2027
Desde $6.490
Pago de multas
Desde $4.990
Lavado premium
Desde $24.990
Transferencia
Desde $49.990
Mantención
Desde $89.990
Revisión técnica
Desde $34.990
TAG a domicilio
Desde $19.990
SOAP 2027
Desde $6.490
Pago de multas
Desde $4.990
Lavado premium
Desde $24.990
Transferencia
Desde $49.990
Uso
Mantención
Desde $89.990
Revisión técnica
Desde $34.990
TAG a domicilio
Desde $19.990
SOAP 2027
Desde $6.490
Pago de multas
Desde $4.990
Lavado premium
Desde $24.990
Transferencia
Desde $49.990
Mantención
Desde $89.990
Revisión técnica
Desde $34.990
TAG a domicilio
Desde $19.990
SOAP 2027
Desde $6.490
Pago de multas
Desde $4.990
Lavado premium
Desde $24.990
Transferencia
Desde $49.990
Mantención
Desde $89.990
Revisión técnica
Desde $34.990
TAG a domicilio
Desde $19.990
SOAP 2027
Desde $6.490
Pago de multas
Desde $4.990
Lavado premium
Desde $24.990
Transferencia
Desde $49.990
Código
import {
Carousel,
CarouselContent,
CarouselItem,
} from '@carvuk/design-system/components/carousel';
<Carousel showEdgeNav>
<CarouselContent>
<CarouselItem className='basis-1/3'>…</CarouselItem>
</CarouselContent>
</Carousel>