# Chat Button Collections

A gallery of chat "send" buttons recreated from xwui components (declarative
`<xwui-button>` + `<xwui-icon>` + `<xwui-typography>`):

- **iMessage** - primary pill up-arrow icon-button inside an input pill
- **WhatsApp** - detached `success` (green) circle with a paper-plane
- **Slack** - `ghost` icon-only attach + send
- **Stateful** - Send → Sending (spinner) → Sent (green); driven via the
  element's `.instance` (`setLoading` / `setVariant` / `setText`)
- **Morphing** - mic ↔ send toggles on input
- **AI / Copilot** - custom `gradient` (purple → indigo) + sparkles
- **Glowing** - `effect="glow"` + gradient-text label
- **Outline** - `variant="outline"` + trailing arrow
- **Glassmorphism** - translucent `gradient` + backdrop blur over a vivid gradient

```html
<xwui-button variant="success" shape="pill" size="md" icon="send" title="Send"></xwui-button>
<xwui-button gradient="linear-gradient(to right, #9333ea, #4f46e5)" shape="pill" icon="sparkles" icon-position="left">Generate</xwui-button>
```