Skip to content

qgds-bootstrap5 1.0.3

Install from the command line:
Learn more about npm packages
$ npm install @qld-gov-au/qgds-bootstrap5@1.0.3
Install via package.json:
"@qld-gov-au/qgds-bootstrap5": "1.0.3"

About this version

Queensland Online Design System development space

Extends Bootstrap 5.3

Technical overview

  • ES6 Javascript
  • ESbuild for bundling, minification and transpiling
  • Storybook for component development
  • Mustache JS / Handlebars JS for component and HTML templating
  • Figma for design and prototyping
  • CSS/SCSS, extending Bootstrap 5.3 core components with custom CSS properties
  • NPM for package management

Getting started

1. Download

git clone https://github.com/qld-gov-au/qgds-qol-mvp

2. Setup

Prerequisites

  • Node 18.17.1+
  • NPM 10.2.5+

Install dependencies

npm install

Build the Desing System CSS, Components and templates

npm run build

Watch for changes and rebuild automatically

npm run watch

Start Storybook for component development and watch

npm run dev-storybook

Start a local server from /dist folder

npm run serve

Next steps

  • HTML templating using drop in components

    If you wish to use the includes handle bars, please ensure "handlebars": "4.7.8" + is loaded prior to running handlebars.helpers.bundle.js

  • Dev build and testing branching

Documentation

Development

We recommend using VSCode as the IDE for development with the following plugins:

  • Prettier
  • ESLint
  • Mustache JS or Handlebars JS template support

Details

Assets

  • qgds-bootstrap5-1.0.3.tgz

Download activity

  • Total downloads 0
  • Last 30 days 0
  • Last week 0
  • Today 0

Recent versions

View all