Contents

Discover what’s included in Bootstrap, including our precompiled and source code flavors. Remember, Bootstrap’s JavaScript components require Bootstrap Vue.


Nuxt Argon Dashboard PRO Structure

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

|-- nuxt-argon-dashboard-pro
    |-- README.md
    |-- app.html
    |-- nuxt.config.js
    |-- package.json
    |-- polyfills.js
    |-- yarn.lock
    |-- assets
    |   |-- css
    |   |   |-- font-awesome
    |   |   |-- nucleo
    |   |-- sass
    |       |-- argon.scss
    |       |-- core
    |       |-- custom
    |           |-- _components.scss
    |           |-- _functions.scss
    |           |-- _mixins.scss
    |           |-- _utilities.scss
    |           |-- _variables.scss
    |           |-- _vendors.scss
    |-- components
    |   |-- argon-core
    |   |   |-- Badge.vue
    |   |   |-- BaseAlert.vue
    |   |   |-- BaseButton.vue
    |   |   |-- BaseDropdown.vue
    |   |   |-- BaseHeader.vue
    |   |   |-- BasePagination.vue
    |   |   |-- BaseProgress.vue
    |   |   |-- BaseSlider.vue
    |   |   |-- BaseSwitch.vue
    |   |   |-- BaseTable.vue
    |   |   |-- ButtonCheckbox.vue
    |   |   |-- ButtonRadioGroup.vue
    |   |   |-- CloseButton.vue
    |   |   |-- LoadingPanel.vue
    |   |   |-- Modal.vue
    |   |   |-- NavbarToggleButton.vue
    |   |   |-- index.js
    |   |   |-- Breadcrumb
    |   |   |   |-- Breadcrumb.vue
    |   |   |   |-- BreadcrumbItem.vue
    |   |   |   |-- RouteBreadcrumb.vue
    |   |   |-- Cards
    |   |   |   |-- Card.vue
    |   |   |   |-- StatsCard.vue
    |   |   |-- Charts
    |   |   |   |-- BarChart.js
    |   |   |   |-- DoughnutChart.js
    |   |   |   |-- LineChart.js
    |   |   |   |-- PieChart.js
    |   |   |   |-- config.js
    |   |   |   |-- globalOptionsMixin.js
    |   |   |   |-- optionHelpers.js
    |   |   |-- Collapse
    |   |   |   |-- Collapse.vue
    |   |   |   |-- CollapseItem.vue
    |   |   |-- Feed
    |   |   |   |-- Comment.vue
    |   |   |-- Inputs
    |   |   |   |-- BaseCheckbox.vue
    |   |   |   |-- BaseInput.vue
    |   |   |   |-- BaseRadio.vue
    |   |   |   |-- DropzoneFileUpload.vue
    |   |   |   |-- FileInput.vue
    |   |   |   |-- HtmlEditor.vue
    |   |   |   |-- IconCheckbox.vue
    |   |   |   |-- TagsInput.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
    |   |   |-- WorldMap
    |   |       |-- AsyncWorldMap.vue
    |   |       |-- WorldMap.vue
    |   |-- feed
    |   |   |-- Comment.vue
    |   |-- layouts
    |   |   |-- argon
    |   |       |-- Content.vue
    |   |       |-- ContentFooter.vue
    |   |       |-- DashboardNavbar.vue
    |   |-- pages
    |   |   |-- UserProfile
    |   |   |   |-- EditProfileForm.vue
    |   |   |   |-- UserCard.vue
    |   |   |-- dashboard
    |   |   |   |-- ActivityFeed.vue
    |   |   |   |-- LightTable.vue
    |   |   |   |-- PageVisitsTable.vue
    |   |   |   |-- ProgressTrackList.vue
    |   |   |   |-- SocialTrafficTable.vue
    |   |   |   |-- TaskList.vue
    |   |   |   |-- UserList.vue
    |   |   |-- forms
    |   |   |   |-- BrowserDefaultsValidation.vue
    |   |   |   |-- CustomStylesValidation.vue
    |   |   |   |-- ServerSideValidation.vue
    |   |   |-- register
    |   |       |-- FailedRegistration.vue
    |   |       |-- SuccessfulRegistration.vue
    |   |-- tables
    |   |   |-- projects.js
    |   |   |-- users.js
    |   |   |-- users2.js
    |   |   |-- PaginatedTables
    |   |   |   |-- clientPaginationMixin.js
    |   |   |-- RegularTables
    |   |       |-- CheckboxColoredTable.vue
    |   |       |-- CheckboxTable.vue
    |   |       |-- DarkTable.vue
    |   |       |-- InlineActionsTable.vue
    |   |       |-- LightTable.vue
    |   |       |-- StripedTable.vue
    |   |       |-- TranslucentTable.vue
    |   |-- widgets
    |       |-- CalendarWidget.vue
    |       |-- CreditCard.vue
    |       |-- MembersCard.vue
    |       |-- PaypalCard.vue
    |       |-- ProgressTrackList.vue
    |       |-- StatsCards.vue
    |       |-- TaskList.vue
    |       |-- TimelineCard.vue
    |       |-- VectorMapCard.vue
    |       |-- VisaCard.vue
    |-- layouts
    |   |-- AuthLayout.vue
    |   |-- DashboardLayout.vue
    |   |-- error.vue
    |-- middleware
    |   |-- README.md
    |-- pages
    |   |-- alternative.vue
    |   |-- calendar.vue
    |   |-- charts.vue
    |   |-- dashboard.vue
    |   |-- index.vue
    |   |-- lock.vue
    |   |-- login.vue
    |   |-- pricing.vue
    |   |-- register.vue
    |   |-- widgets.vue
    |   |-- components
    |   |   |-- buttons.vue
    |   |   |-- cards.vue
    |   |   |-- grid-system.vue
    |   |   |-- icons.vue
    |   |   |-- notifications.vue
    |   |   |-- typography.vue
    |   |-- forms
    |   |   |-- components.vue
    |   |   |-- elements.vue
    |   |   |-- validation.vue
    |   |-- maps
    |   |   |-- API_KEY.js
    |   |   |-- google.vue
    |   |   |-- vector.vue
    |   |-- pages
    |   |   |-- timeline.vue
    |   |   |-- user.vue
    |   |-- tables
    |       |-- paginated.vue
    |       |-- regular.vue
    |       |-- sortable.vue
    |-- plugins
    |   |-- README.md
    |   |-- dashboard
    |       |-- dashboard-plugin.js
    |       |-- globalComponents.js
    |       |-- globalDirectives.js
    |       |-- directives
    |           |-- click-outside.js
    |-- static
    |   |-- README.md
    |   |-- favicon.png
    |   |-- sw.js
    |   |-- img
    |       |-- brand
    |       |   |-- favicon.png
    |       |   |-- green.png
    |       |   |-- white.png
    |       |-- icons
    |       |   |-- cards
    |       |   |   |-- bitcoin.png
    |       |   |   |-- mastercard.png
    |       |   |   |-- paypal.png
    |       |   |   |-- visa.png
    |       |   |-- common
    |       |   |   |-- github.svg
    |       |   |   |-- google.svg
    |       |   |-- flags
    |       |       |-- DE.png
    |       |       |-- GB.png
    |       |       |-- US.png
    |       |-- theme
    |           |-- angular.jpg
    |           |-- bootstrap.jpg
    |           |-- img-1-1000x600.jpg
    |           |-- img-1-1000x900.jpg
    |           |-- landing-1.png
    |           |-- landing-2.png
    |           |-- landing-3.png
    |           |-- profile-cover.jpg
    |           |-- react.jpg
    |           |-- sketch.jpg
    |           |-- team-1.jpg
    |           |-- team-2.jpg
    |           |-- team-3.jpg
    |           |-- team-4.jpg
    |           |-- team-5.jpg
    |           |-- vue.jpg
    |-- store
    |   |-- README.md
    |   |-- index.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