Dev Design Library

Input Message

Chat-style message composer with auto-resizing textarea, drag-and-drop file attachments (PNG / JPEG / PDF), flexible left/right action slots, and a built-in send button on a Surface-2 substrate.

Input Message preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
motion
Install
npx shadcn@latest add @fluid/input-message
Files
  • registry/default/input-message.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/omit.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism