Burbujas de plástico que se hunden al pasar y revientan al clic con sonido; las reventadas quedan arrugadas.
Vidrio
Vidrio
Pro
Nivel de burbuja
Deslizador con forma de nivel de burbuja: la burbuja sigue el valor con física y el cuerpo se inclina como un nivel de verdad.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 11 (10 ajustables)
Nivel50%
050100
FURIN · NIVELInstalación
1. Configura el registro Pro una sola vez
Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.
Usar mi licencia2. Instala Nivel de burbuja
npx shadcn@latest add @furin-pro/spirit-levelProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| value | number | undefined | "auto" | Valor controlado; si se omite, el componente guarda su propio valor. |
| defaultValue | number | 50 | Valor inicial cuando no es controlado. |
| onChange | (value: number) => void | undefined | Se llama cada vez que cambia el valor. |
| min | number | 0 | Valor mínimo. |
| max | number | 100 | Valor máximo. |
| step | number | 1 | Paso del teclado y del arrastre. |
| label | string | "Nivel" | Nombre del control (también para lectores de pantalla). |
| unit | string | "" | Unidad que se muestra junto al valor. |
| tilt | number | 2.4 | Inclinación máxima del cuerpo, en grados. |
| autoplay | boolean | false | La burbuja se pasea sola hasta que alguien la toca. |
| disabled | boolean | false | Desactiva el control. |
Sigue explorando
Tarjeta de vidrio con condensación; las gotas se juntan y escurren, dejando huella, cuando la inclinas.
Vidrio
Panel de vidrio estriado que parte el contenido de atrás en franjas refractadas que se mueven con el cursor.
Vidrio