Components

Component Library

Dashboard for Laravel provides extended dashboard components and type-safe wrappers around Bootstrap Vue Next.

Extended Components

Dashboard-ready components built specifically for Laravel applications:

Component Click to sort ascendingDescription Type
DXDashboardComplete dashboard layout combining sidebar, navbar, and content area with state managementExtended
DXDashboardNavbarTop navigation bar with hamburger menu, page title, and user dropdownExtended
DXDashboardSidebarResponsive collapsible sidebar with navigation, localStorage persistence, and custom brandingExtended
DXFormForm renderer from field definitions, with optional tabs, conditional fields, per-field slots, async options, and nested repeatersExtended
DXFieldSingle-field renderer for any field type, with value/span/info/hint slotsExtended
DXRepeaterRepeatable nested sub-form (field array) for dynamic collectionsExtended
DXCurrencyInputMoney input with symbol prepend, blur-padded display, empty → null, and an integer minor-units mode — the DXField currency control, usable standaloneExtended
DXStatCardStat/metric card with label, value, trend indicator, and optional iconExtended
DXSwitchFilled-box toggle switch (label + toggle, primary on-state), used standalone or as the DXField switch fieldExtended
DXUserAvatarCircular user avatar (initial on a disc) with an optional notification dot — the navbar user-icon defaultExtended
DXChartThemed chart wrappers (DXBarChart, DXLineChart, DXDoughnutChart) built on chart.jsExtended
DXTableData table with pagination, sorting, and custom cell renderingExtended

Base Components

Type-safe wrappers around Bootstrap Vue Next components with dynamic slot forwarding and API stability. All 55 base components (D* prefix) forward props, events, and slots from their Bootstrap Vue Next counterparts.

View all base components →

For complete API documentation of base components, refer to theBootstrap Vue Next documentation.