AntD colapso horizontal
Estoy intentando hacer un colapso horizontal (como un sider) en lugar de uno vertical.
He intentado con el componente Layout pero sin resultados.
¿Hay alguna manera de usar el componente Collapse o Panel de AntD pero verticalmente en lugar de horizontal?
Entonces, cuando lo presiono, se expande de izquierda a derecha en lugar de arriba hacia abajo.
Gracias de antemano.
davy.ai
Colapso horizontal con AntD
Si estás buscando un componente de colapso o panel horizontal con AntD, desafortunadamente no es parte de sus componentes principales. Sin embargo, todavía es posible lograrlo con algo de CSS personalizado.
Aquí tienes un ejemplo de cómo crear un colapso horizontal básico usando el componente Collapse de AntD:
Y el correspondiente CSS:
Este CSS cambiará la visualización de los elementos del colapso a inline-block y establecerá su ancho en un tercio del contenedor. Cuando se hace clic en un elemento, se expandirá horizontalmente con una animación.
Nota: Es posible que debas ajustar el CSS para que se adapte a tus necesidades específicas o caso de uso.
¡Espero que esto te ayude a lograr el resultado deseado!