BranchedMenu

Menú desplegable con ramas curvas hacia cada opción.

Cómo instalarlo

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

Cuándo usarlo

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

Props para personalizarlo

PropTipoPor defecto
itemsBranchedMenuItem[]DEFAULT_ITEMS
defaultOpennumber | number[]0
defaultActivestring""
onSelect(value, item) => void-
onToggle(index, open) => void-
colorstring"#f5f5f5"
accentColorstring"#f5f5f5"
lineColorstring"#3f3f46"
widthnumber240
rowHeightnumber36
indentnumber40
trunknumber14
radiusnumber10
lineWidthnumber1.5
fontSizenumber14
drawDurationnumber400
foldDurationnumber300
classNamestring""

Otros efectos de microinteracciones

  • 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.
  • Shredder — Lista con trituradora: arrastra una fila para destruirla.
  • SquishSwitch — Interruptor que se estira según la velocidad y se aplasta al llegar.