This is the official INNOQ style guide. In here, we develop and document all frontend components of our current corporate design. You can see them in use at innoq.com.
When developing our components we try to adhere to Atomic Design. As a consequence, components are organized into
We also use BEM syntax for naming of our CSS classes.
We deeply believe in the web, so all of our components are developed according to the ROCA principles and Progressive Enhancement. There aren’t any React components or Angular monstrosities in here just for the sake of it.
npm install innoq-styleguide --save(-dev)
yarn add innoq-styleguide (--dev)
You can import the whole slaw of components:
…or just the stuff you need:
After installation, you can import and register them:
import CheckToToggle from 'innoq-styleguide/dist/js/components/05-atoms/togglers/check-to-toggle/check-to-toggle.js' customElements.define('check-to-toggle', CheckToToggle)
There’s a branded Bootstrap 4 theme available here.
The source repository can be found on GitHub.