ChatComposer — Flat

block

The composer is raised by default (`elevation="low"`). Set `elevation="none"` to flatten it; it then draws a border with the same rest / hover / focus treatment as a text input.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-chat-composer-flat.json"

Sign In

ChatComposer — Flat

block

The composer is raised by default (`elevation="low"`). Set `elevation="none"` to flatten it; it then draws a border with the same rest / hover / focus treatment as a text input.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-chat-composer-flat.json"

components/astryx/examples/ChatComposerFlat.tsx