Quick start
To start using this dashboard you will need to import some files in your current project or start from scratch using our template (scroll down in this page to view it).
Steps to install
-
Make sure you have Node.js installed.
-
Navigate to the main directory (from terminal) where
package.json
is located. -
Run
npm install
oryarn install
-
Run
npm run serve
oryarn serve
to start the local development server and start prototyping.
Components
Argon comes with an extensive set of custom Svelte components.
Here’s the list of components:
- Badge
- BaseAlert
- BaseButton
- BaseDropdown
- BaseHeader
- BasePagination
- BaseProgress
- BaseSlider
- BaseSwitch
- BaseTable
- ButtonCheckbox
- ButtonRadioGroup
- CloseButton
- LoadingPanel
- Modal
- NavbarToggleButton
Bootstrap components
Many of Bootstrap’s components and utilities are built with
@each
loops that iterate over a Sass map. This is especially helpful for
generating variants of a component by our
$theme-colors
and creating responsive variants for each breakpoint. As you
customize these Sass maps and recompile, you’ll automatically see
your changes reflected in these loops.
Bootstrap tutorial
Please check our official Youtube channel for more tutorials.