Contents
Discover what’s included in Bootstrap, including our precompiled and source code flavors.
Nuxt Black Dashboard Structure
Once downloaded, unzip the compressed folder and you’ll see something like this:
|-- Nuxt Black Dashboard PRO
|-- CHANGELOG.md
|-- README.md
|-- app.html
|-- config.js
|-- jsconfig.json
|-- nuxt.config.js
|-- package.json
|-- assets
| |-- README.md
| |-- css
| | |-- demo.css
| | |-- nucleo-icons.css
| |-- fonts
| | |-- nucleo.eot
| | |-- nucleo.ttf
| | |-- nucleo.woff
| | |-- nucleo.woff2
| |-- sass
| |-- black-dashboard-pro.scss
| |-- vendor
| |-- bootstrap-rtl.scss
|-- components
| |-- AnimatedNumber.vue
| |-- Badge.vue
| |-- BaseAlert.vue
| |-- BaseButton.vue
| |-- BaseDropdown.vue
| |-- BasePagination.vue
| |-- BaseProgress.vue
| |-- BaseSwitch.vue
| |-- BaseTable.vue
| |-- CloseButton.vue
| |-- ImageUpload.vue
| |-- LoadingPanel.vue
| |-- Modal.vue
| |-- NavbarToggleButton.vue
| |-- README.md
| |-- Slider.vue
| |-- directoryList.md
| |-- index.js
| |-- Breadcrumb
| | |-- Breadcrumb.vue
| | |-- BreadcrumbItem.vue
| | |-- RouteBreadcrumb.vue
| |-- Calendar
| | |-- Calendar.vue
| | |-- CalendarHeader.vue
| |-- Cards
| | |-- Card.vue
| | |-- StatsCard.vue
| |-- Charts
| | |-- BarChart.js
| | |-- LineChart.js
| | |-- PieChart.js
| | |-- config.js
| | |-- utils.js
| |-- Collapse
| | |-- Collapse.vue
| | |-- CollapseItem.vue
| |-- Dashboard
| | |-- CountryMapCard.vue
| | |-- TaskList.vue
| | |-- UserTable.vue
| |-- ExtendedTables
| | |-- ShoppingTable.vue
| |-- Headers
| | |-- SweetAlertHeader.vue
| |-- Inputs
| | |-- BaseCheckbox.vue
| | |-- BaseInput.vue
| | |-- BaseRadio.vue
| | |-- IconCheckbox.vue
| | |-- TagsInput.vue
| |-- Layout
| | |-- Content.vue
| | |-- ContentFooter.vue
| | |-- DashboardLayout.vue
| | |-- DashboardNavbar.vue
| | |-- LoadingMainPanel.vue
| | |-- SidebarFixedToggleButton.vue
| | |-- SidebarSharePlugin.vue
| | |-- SidebarToggleButton.vue
| |-- Navbar
| | |-- BaseNav.vue
| | |-- NavbarToggleButton.vue
| |-- NotificationPlugin
| | |-- Notification.vue
| | |-- Notifications.vue
| | |-- index.js
| |-- SidebarPlugin
| | |-- SideBar.vue
| | |-- SidebarItem.vue
| | |-- index.js
| |-- Tabs
| | |-- Tab.vue
| | |-- Tabs.vue
| |-- Timeline
| | |-- TimeLine.vue
| | |-- TimeLineItem.vue
| |-- UserProfile
| | |-- EditProfileForm.vue
| | |-- UserCard.vue
| |-- ValidationForms
| | |-- LoginForm.vue
| | |-- RangeValidationForm.vue
| | |-- RegisterForm.vue
| | |-- TypeValidationForm.vue
| |-- Wizard
| | |-- FirstStep.vue
| | |-- SecondStep.vue
| | |-- ThirdStep.vue
| | |-- Wizard.vue
| | |-- WizardTab.vue
| | |-- throttle.js
| |-- WorldMap
| |-- WorldMap.vue
|-- lang
| |-- ar.js
| |-- en.js
|-- layouts
| |-- README.md
| |-- auth.vue
| |-- default.vue
|-- middleware
| |-- README.md
|-- pages
| |-- .DS_Store
| |-- README.md
| |-- calendar.vue
| |-- charts.vue
| |-- index.vue
| |-- lock.vue
| |-- login.vue
| |-- pricing.vue
| |-- register.vue
| |-- widgets.vue
| |-- GeneralViews
| | |-- NotFoundPage.vue
| |-- components
| | |-- buttons.vue
| | |-- grid-system.vue
| | |-- icons.vue
| | |-- notifications.vue
| | |-- panels.vue
| | |-- sweet-alert.vue
| | |-- typography.vue
| |-- forms
| | |-- extended.vue
| | |-- regular.vue
| | |-- validation.vue
| | |-- wizard.vue
| |-- maps
| | |-- API_KEY.js
| | |-- full-screen.vue
| | |-- google.vue
| | |-- vector-map.vue
| |-- pages
| | |-- .DS_Store
| | |-- rtl.vue
| | |-- timeline.vue
| | |-- user.vue
| |-- table-list
| |-- extended.vue
| |-- paginated.vue
| |-- regular.vue
| |-- users.js
|-- plugins
| |-- README.md
| |-- RTLPlugin.js
| |-- dashboard-plugin.js
| |-- full-calendar.js
| |-- globalComponents.js
| |-- globalDirectives.js
| |-- world-map.js
| |-- directives
| | |-- click-ouside.js
| |-- extra
| |-- polyfills.js
|-- static
| |-- README.md
| |-- favicon.png
| |-- icon.png
| |-- sw.js
| |-- img
|-- store
| |-- README.md
|-- util
|-- throttle.js
Bootstrap components
Here is the list of Bootstrap 4 components that were restyled in Vue Black Dashboard:
Alerts
Badge
Buttons
Carousel
Dropdowns
Forms
Modal
Navs
Nuxt Black Dashboard Pro components
Besides giving the existing Bootstrap elements a new look, we added new ones, so that the interface and consistent and homogenous. Going through them, we added:
Sidebar
Custom Inputs
Checkboxes
Notifications
Pagination
Wizard
Progress
Radio
Switch
Slider
Timeline
Tabs
Charts
Font Awesome
Nucleo icons
Cards
Breadcrumb
Collapse
← License Build Tools →