Stack

Vista previa

Stack es un primitivo de diseño flex con separación, dirección y alineación configurables. Organiza sus hijos en un único contenedor flex.

#Uso

Stack tiene una única parte Root. Coloca los hijos directamente dentro para organizarlos con la separación, dirección y alineación configuradas.

import * as Stack from "@solidiom/stack"

;<Stack.Root>
  <div>Uno</div>
  <div>Dos</div>
  <div>Tres</div>
</Stack.Root>

#Instalación

Instala el paquete con pnpm add @solidiom/stack. El paquete requiere dependencias pares compatibles de solid-js y @solidjs/web.

#Partes

stack tiene una única parte Root. Es un contenedor flex con separación, dirección y alineación configurables.

#Estilos

stack incluye data-scope="stack" y un atributo data-part="root" para seleccionar estilos CSS o recetas.

#Teclado y comportamiento

Este primitivo no tiene interacción de teclado propia.

#Composición

Envuelve cualquier primitivo para organizarlo en un diseño flex con espaciado y alineación coherentes.

#SSR e hidratación

Stack renderiza HTML estático y no requiere hidratación.

solidiom add stack