Component · Messaging
Composer
the chat input — an auto-growing field with a send button that morphs into a stop while streaming.
Example
Playground
Where available
✓ React
✓ Angular
✓ Web Components
✓ Blazor
✓ Tokens
Using it
the same component, named idiomatically per target. one CSS contract underneath, so they render identically.
| Target | Reference | Package |
|---|
| React | <Composer> | @design-foundry/lucent-react |
| Angular | <lucent-composer> | @design-foundry/lucent |
| Web Components | <lucent-composer> | @design-foundry/lucent-wc |
| Blazor | <LucentComposer> | DesignFoundry.Lucent |
API
| Prop | Type | Default | Description |
|---|
| value | string | — | controlled value. |
| placeholder | string | Message… | placeholder text. |
| size | xs | sm | md | lg | md | control density. |
| sending | boolean | false | spinner on the send button. |
| streaming | boolean | false | swaps send for a stop button. |