Noren

Cortina de tela en tiras con física: el cursor la abre y vuelve a caer meciéndose. Puede ocultar y revelar contenido.

Vista previa en vivo

Hola, al otro lado

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Noren } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Prop	Tipo	Por defecto	Descripción
strips	number	9	Cuántas tiras de tela cuelgan de la barra.
color	string	"#E8452C"	Color de la tela.
printColor	string	"#FFF4E6"	Color de la impresión que cruza todas las tiras.
text	string	"風"	Texto o símbolo impreso en la cortina; vacío para tela lisa.
stiffness	number	0.35	Rigidez: 0 es seda que se pliega, 1 es una tabla que gira entera.
weight	number	1	Peso: más peso cae y se asienta rápido; menos flota y se mece más tiempo.
breeze	number	0.35	Brisa que mece la cortina sola; 0 la deja quieta hasta que la toques.
length	number	0.8	Largo de la cortina como fracción del alto del contenedor.
className	string	""	Clase extra para el contenedor.
style	CSSProperties	undefined	Estilos extra para el contenedor.
children	ReactNode	undefined	Contenido que queda detrás de la cortina y se ve al apartarla.