Pre-wired UI for pages you'd actually build. One add grabs every primitive a block needs.
Recent activity feed inside a SectionCard. Items take icon + action + detail + time.
List of upcoming events in a SectionCard. Each item shows title + date + optional status badge.
Full employee table block with search, dept + status filter pills, add-employee dialog, and dropdown row actions.
Leave-balance card showing available/used days with a progress bar and pending indicator.
Leave request feed with avatar, dates, status badge, and approve/decline buttons. Optional status filter pills in header.
Pay-register table with avatar, role, base/bonus/deductions/net columns and an optional totals footer.
Three payroll-summary stat cards: annual base pay, last payment, YTD earnings.
Payslip list inside a SectionCard with per-row download button. Emits download(id) on click.
Employee profile form (firstName, lastName, email, phone, dept, role) with department/role read-only. v-model on the data object.
Security settings list (e.g. 2FA, sessions). Each row has a label, description, and primary action button. Emits action(key).
Responsive grid (2 / 4 cols) of StatCards. Pass an array of {title, value, icon, trend} items.
Labeled progress bars in a SectionCard. Each bar cycles through chart-1..5 colors.
Vertical list of clickable shortcuts in a SectionCard. Pass linkComponent (NuxtLink or RouterLink) for SPA routing.
3-button theme switcher (light / dark / system) inside a SectionCard. v-model binds the chosen theme.
List of toggle-able settings in a SectionCard. v-model binds a Record<string, boolean> keyed by item.key.