Components
Vue Ecosphere ships 24 components, grouped by purpose. Every page below includes a live demo, prop / event / slot reference, and accessibility notes.
Call to Action
| Component | Purpose |
|---|---|
| Button | Trigger an action |
| Link | Navigate, optionally styled like a button |
Data Entry
| Component | Purpose |
|---|---|
| Checkbox | Boolean or tri-state input |
| CheckboxGroup | Multi-select from a list |
| ChoiceChips | Compact single/multi select |
| ColorPicker | Pick a color with presets |
| Input | Single-line text |
| InputNumber | Numeric input with stepper |
| Radio | Single radio button |
| RadioGroup | Single-select from a list |
| Select | Dropdown select (single, multi, searchable, tags) |
| Switch | Boolean toggle |
| Textarea | Multi-line text |
Miscellaneous
| Component | Purpose |
|---|---|
| Avatar | User / entity image with status |
| AvatarGroup | Stacked avatars with overflow |
| Stepper | Multi-step progress |
| Tag | Status pill / chip |
Navigation
| Component | Purpose |
|---|---|
| Breadcrumb | Hierarchical trail |
| Menu | Horizontal / vertical menu |
| Navbar | Top app bar with branding |
| Sidebar | Collapsible side navigation |
| Tabs | Tabbed content with optional addable / closable tabs |
General
| Component | Purpose |
|---|---|
| Icon | SVG icon wrapper |
| ConfigProvider | Scoped defaults for size / hue / locale |
TIP
Every Ep* component is registered globally when you use the plugin. You can also import them by name from vue-ecosphere.