FolderFloat

Carpeta que se abre y deja flotar sus notas.

Código: RODD·MI·008
Familia: Microinteracciones
Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/FolderFloat-TS-TW

Cuándo usarlo

Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.

Props para personalizarlo

Prop	Tipo	Por defecto
items	Array<string \| { label, value }>	DEFAULT_ITEMS
label	string	"Design feedback"
sublabel	string	""
trigger	'hover' \| 'click'	'hover'
defaultOpen	boolean	false
closeOnSelect	boolean	true
physics	boolean	true
drift	number	0.5
onSelect	(value, index) => void	-
onOpenChange	(open) => void	-
folderColor	string	"#3f3f46"
frontColor	string	"#52525b"
paperColor	string	"#f5f5f5"
itemColor	string	"#f5f5f5"
itemTextColor	string	"#18181b"
labelColor	string	"#f5f5f5"
width	number	200
height	number	148
radius	number	14
spread	number	180
lift	number	26
tilt	number	8
flapAngle	number	34
restAngle	number	16
openDuration	number	520
stagger	number	45
bounce	number	0.3
className	string	""

Otros efectos de microinteracciones

LatticeLoader — Indicador de estado de agente IA con rejilla de puntos en ola.
PulsatingButton — Botón que late para llamar la atención.
RubberSegment — Control segmentado con un selector de goma elástica.
SlideCommit — Desliza para confirmar, con estados de carga, éxito y error.
StatusMark — Icono de estado de tareas que cambia de pendiente a hecho.
VoicePill — Botón de micrófono que se convierte en ecualizador al grabar.