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
For structuring our CSS folders and files, we use ITCSS.
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:
They are written in ESNext and are based on
Please note that we don’t bundle any polyfill for
in our npm releases, use document-register-element
After installation, you can import and register them:
import InfoBox from 'innoq-styleguide/dist/js/components/info-box' customElements.define('info-box', InfoBox)
There’s a branded Bootstrap 4 theme available here.
The source repository can be found on GitHub.