Components
vuecs ships its components across separate packages — install only what you use. Each package is also a Vue plugin (app.use(formControls)) for global registration.
@vuecs/countdown
| Component | Notes |
|---|---|
| Countdown | Timer countdown with typed slot props |
@vuecs/form-controls
| Component | Notes |
|---|---|
| FormInput | Text input with optional debounce |
| FormTextarea | Multi-line text input |
| FormSelect | Dropdown select |
| FormSelectSearch | Searchable select for long option lists |
| FormCheckbox | Checkbox or switch (variant) |
| FormRangeSlider | Dual-handle range slider |
| FormSubmit | Submit button with create/update modes |
@vuecs/gravatar
| Component | Notes |
|---|---|
| Gravatar | Gravatar avatar from email address |
@vuecs/link
| Component | Notes |
|---|---|
| Link | Router-aware anchor (vue-router / nuxt) |
@vuecs/list-controls
| Component | Notes |
|---|---|
| ListControls | List with header/body/footer/no-more states |
@vuecs/navigation
| Component | Notes |
|---|---|
| Navigation | Multi-level nav with router integration |
@vuecs/pagination
| Component | Notes |
|---|---|
| Pagination | Offset/limit page navigation |
@vuecs/timeago
| Component | Notes |
|---|---|
| Timeago | Relative time display |
Conventions across components
- Every component takes
themeClass(slot class overrides) andthemeVariant(variant values) — see Theme System. - Components use TypeScript render functions (
defineComponent+h()) — there are no.vueSFCs to compile in most packages, exceptform-controls. - Slot props are typed and exported per component —
ListItemSlotProps,NavItemLinkSlotProps,CountdownSlotProps, etc.