Meter
Scalar measurement within a known range (e.g. disk usage, signal strength).
Vista previa
Este ejemplo usa estilos solo para documentación. En producción, utiliza una de las recetas incluidas (CSS, Tailwind o UnoCSS).
Scalar measurement within a known range (e.g. disk usage, signal strength).
Uso
Importa y renderiza Root.
import * as Meter from "@solidiom/meter"
;<Meter.Root>Contenido de Meter</Meter.Root>Instalación
Instala el paquete con pnpm add @solidiom/meter. El paquete requiere dependencias pares compatibles de solid-js y @solidjs/web.
Partes
Meter expone 1 parte:
- Root —
data-part="root".
Estilos
Meter lleva los atributos data-scope="meter" y data-part en cada parte para la selección CSS/receta. Los atributos de estado como data-state, data-disabled y data-highlighted se exponen donde corresponda.
Interacción con teclado
Este primitivo no tiene interacción con teclado. Renderiza contenido que no recibe foco ni responde a eventos de teclado de forma independiente.
Renderizado SSR e hidratación
Meter se renderiza como HTML semántico durante el renderizado en servidor. El comportamiento interactivo (manejadores de teclado, gestión de estado) se activa en la hidratación sin desplazamiento de diseño.