Skip to main content

Style guide

Codex admin is built using the Vue.js framework and many other existing libraries. This section explains the styling approach the Codex admin uses and how you can reuse some of these things in your plugins.

BootstrapVue​

At its core, Codex uses Bootstrap as the UI framework for building all the pages. However, since Codex is built on top of Vue.js framework, it has integrated the BootstrapVue framework into the project. That means you can use BootstrapVue components anywhere in your plugin components to display content to end users.

You can learn more about BootstrapVue here: https://bootstrap-vue.org/

BEM naming convention​

Codex uses the BEM convention to name the HTML classes and other component attributes. Therefore, keeping this convention when developing your own plugins for Codex is highly recommended to keep the consistency and make the most of existing Codex styling.

You can learn more about BEM naming convention here: https://getbem.com/introduction/

Icons​

Codex provides a rich set of icons that you can reuse while developing custom plugins. In this page you can find the complete list of icons that you can reuse through Codex.