Edit This Page

Getting Started

The easiest way to get your hands dirty is to start with one of the starter kits:

Each starter includes all Bonaparte components and the Napoleon theme (Napoleon Build).

  1. Download/Clone the starter for your favorite framework
  2. Open index.html in a browser.

Use Bonaparte in your project

To include all Bonaparte Components:

  1. Download/Clone one of the Bonaparte builds:
    • Pure Build
      Includes all Bonaparte Components without any design.
    • Napoleon Build
      Includes all Bonaparte Components and the Napoleon theme
  2. Copy the complete dist/ folder into your project.
  3. Include the following into the <head> of your project:
    <link rel='stylesheet' type="text/css" href='path/to/dist/bonaparte.css'>
    <script src='path/to/dist/bonaparte.js'></script>
    

Creating your own custom build to include only a subset of components is simple as well!
Learn more: 4.1 Custom Build

Use a single Bonaparte component in your project

Each component can also be used separately:

  1. Download/Clone any of the Bonaparte components.
  2. Copy the complete dist/ folder into your project.
  3. Include the following into the <head> of your project:
    <link rel='stylesheet' type="text/css" href='path/to/dist/bonaparte.css'>
    <script src='path/to/dist/bonaparte.js'></script>