SwipeRow

Fila que se desliza para revelar acciones.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/SwipeRow-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
children	ReactNode	-
actions	SwipeAction[]	[{ id: "delete", label: "Delete" }]
actionColor	string	"#e5484d"
drawerColor	string	"#3f3f46"
rowColor	string	"#27272a"
textColor	string	"#f5f5f5"
height	number	64
radius	number	16
actionWidth	number	80
direction	"left" \| "right"	"left"
snapBounce	number	0.2
resistance	number	0.55
collapseMs	number	200
commitAt	number	0.6
fullSwipe	boolean	true
disabled	boolean	false
open	boolean	undefined
onOpenChange	(open: boolean) => void	-
onAction	(action: SwipeAction) => void	-
onCommit	(action: SwipeAction) => void	-
closeOnAction	boolean	true
haptic	boolean	true
label	string	"List item"
className	string	""
style	CSSProperties	undefined

Otros efectos de microinteracciones

WarmTooltip — Tooltips agrupados: el primero espera y los siguientes aparecen al instante.
CallChip — Chip de llamada a herramienta con progreso y contador en ms.
FolderFloat — Carpeta que se abre y deja flotar sus notas.
JellyRadio — Grupo de opciones cuya selección se hincha como gelatina.
PromptBar — Caja de chat con fuentes @, comandos /, modelo y dictado.
RippleButton — Botón con onda al hacer clic.