Contents

Discover what’s included in Bootstrap, including our precompiled and source code flavors.

Vue White Dashboard PRO Structure

Once downloaded, unzip the compressed folder and you’ll see something like this:

.
├── CHANGELOG.md
├── ISSUE_TEMPLATE.md
├── LICENSE.md
├── README.md
├── babel.config.js
├── package.json
├── postcss.config.js
├── public
└── src
    ├── App.vue
    ├── RTLPlugin.js
    ├── assets
    │   ├── css
    │   ├── demo
    │   ├── fonts
    │   ├── img
    │   └── scss
    │       ├── white-dashboard
    │       └── white-dashboard.scss
    ├── components
    │   ├── Badge.vue
    │   ├── BaseAlert.vue
    │   ├── BaseButton.vue
    │   ├── BaseCheckbox.vue
    │   ├── BaseNav.vue
    │   ├── BasePagination.vue
    │   ├── BaseProgress.vue
    │   ├── BaseRadio.vue
    │   ├── BaseSwitch.vue
    │   ├── BaseTable.vue
    │   ├── Breadcrumb
    │   │   ├── Breadcrumb.vue
    │   │   ├── BreadcrumbItem.vue
    │   │   └── RouteBreadcrumb.vue
    │   ├── Cards
    │   │   ├── Card.vue
    │   │   ├── NavTabsCard.vue
    │   │   └── StatsCard.vue
    │   ├── Charts
    │   │   ├── BarChart.js
    │   │   ├── LineChart.js
    │   │   ├── PieChart.js
    │   │   └── config.js
    │   ├── CloseButton.vue
    │   ├── Collapse
    │   │   ├── Collapse.vue
    │   │   └── CollapseItem.vue
    │   ├── Dropdown.vue
    │   ├── HelloWorld.vue
    │   ├── ImageUpload.vue
    │   ├── Inputs
    │   │   ├── BaseInput.vue
    │   │   └── TagsInput.vue
    │   ├── Modal.vue
    │   ├── NavbarToggleButton.vue
    │   ├── NotificationPlugin
    │   │   ├── Notification.vue
    │   │   ├── Notifications.vue
    │   │   └── index.js
    │   ├── SidebarPlugin
    │   │   ├── SideBar.vue
    │   │   ├── SidebarLink.vue
    │   │   └── index.js
    │   ├── Slider.vue
    │   ├── Tabs
    │   │   ├── Tab.vue
    │   │   └── Tabs.vue
    │   ├── Timeline
    │   │   ├── TimeLine.vue
    │   │   └── TimeLineItem.vue
    │   ├── Wizard
    │   │   ├── Wizard.vue
    │   │   ├── WizardTab.vue
    │   │   └── throttle.js
    │   ├── WorldMap
    │   │   ├── AsyncWorldMap.vue
    │   │   └── WorldMap.vue
    │   └── index.js
    ├── config.js
    ├── globalComponents.js
    ├── globalDirectives.js
    ├── i18n.js
    ├── locales
    │   ├── ar.json
    │   └── en.json
    ├── main.js
    ├── pages
    │   ├── Calendar.vue
    │   ├── Charts.vue
    │   ├── Components
    │   │   ├── Buttons.vue
    │   │   ├── GridSystem.vue
    │   │   ├── Icons.vue
    │   │   ├── Notifications.vue
    │   │   ├── Panels.vue
    │   │   ├── SweetAlert.vue
    │   │   └── Typography.vue
    │   ├── Dashboard
    │   │   ├── CountryMapCard.vue
    │   │   ├── TaskList.vue
    │   │   └── UserTable.vue
    │   ├── Dashboard.vue
    │   ├── Forms
    │   │   ├── ExtendedForms.vue
    │   │   ├── RegularForms.vue
    │   │   ├── ValidationForms
    │   │   │   ├── LoginForm.vue
    │   │   │   ├── RangeValidationForm.vue
    │   │   │   ├── RegisterForm.vue
    │   │   │   └── TypeValidationForm.vue
    │   │   ├── ValidationForms.vue
    │   │   ├── Wizard
    │   │   │   ├── FirstStep.vue
    │   │   │   ├── SecondStep.vue
    │   │   │   └── ThirdStep.vue
    │   │   └── Wizard.vue
    │   ├── Icons.vue
    │   ├── Layout
    │   │   ├── ContentFooter.vue
    │   │   ├── DashboardContent.vue
    │   │   ├── DashboardLayout.vue
    │   │   ├── MobileMenu.vue
    │   │   ├── SidebarFixedToggleButton.vue
    │   │   ├── SidebarSharePlugin.vue
    │   │   ├── SidebarToggleButton.vue
    │   │   └── TopNavbar.vue
    │   ├── Maps
    │   │   ├── API_KEY.js
    │   │   ├── FullScreenMap.vue
    │   │   ├── GoogleMaps.vue
    │   │   └── VectorMaps.vue
    │   ├── Maps.vue
    │   ├── Notifications
    │   │   └── NotificationTemplate.vue
    │   ├── Notifications.vue
    │   ├── Pages
    │   │   ├── AuthLayout.vue
    │   │   ├── Lock.vue
    │   │   ├── Login.vue
    │   │   ├── Pricing.vue
    │   │   ├── RTLPage.vue
    │   │   ├── Register.vue
    │   │   ├── TimeLinePage.vue
    │   │   └── UserProfile.vue
    │   ├── Profile
    │   │   ├── EditProfileForm.vue
    │   │   └── UserCard.vue
    │   ├── TableList.vue
    │   ├── Tables
    │   │   ├── ExtendedTables
    │   │   │   └── ShoppingTable.vue
    │   │   ├── ExtendedTables.vue
    │   │   ├── PaginatedTables.vue
    │   │   ├── RegularTables.vue
    │   │   └── users.js
    │   ├── Typography.vue
    │   ├── UpgradeToPRO.vue
    │   └── Widgets.vue
    ├── router.js
    └── util
        └── throttle.js

Bootstrap components

Here is the list of Bootstrap 4 components that were restyled in Argon:

Alerts
Badge
Buttons
Carousel
Dropdowns
Forms
Modal
Navs

Vue White Dashboard 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
Charts
Font Awesome
Nucleo icons
Cards

← Build Tools →