Highlights
- CoreUI components have been prefixed. We decided to add c- prefix to each class to avoid CSS classes collision and isolate CoreUI’s styles and scripts.
- CoreUI and Bootstrap source code is deeply integrated. We decided to combine Bootstrap’s and our SCSS and JavaScript files. It allows us to build some new features, ex. Theme switcher, and deliver more consistent, lighter code.
- Removed jQuery in favor of regular JavaScript. CoreUI Library (@coreui/coreui) doesn’t need jQuery anymore. However, some of the third party components we use in our admin templates still require jQuery.
- New design which goes in hand with modern standards:
- Elevations system
- Themes support
Breaking changes
-
Sidebar
Following CSS classes have been changed:sidebar
toc-sidebar
sidebar-header
toc-sidebar-header
sidebar-brand
toc-sidebar-brand
sidebar-nav
toc-sidebar-nav
sidebar-footer
toc-sidebar-footer
sidebar-minimizer
toc-sidebar-minimizer
nav-item
toc-sidebar-nav-item
nav-link
toc-sidebar-nav-link
nav-dropdown
toc-sidebar-nav-dropdown
nav-dropdown-items
toc-sidebar-nav-dropdown-items
nav-dropdown-toggle
toc-sidebar-nav-dropdown-toggle
nav-divider
toc-sidebar-nav-divider
nav-title
toc-sidebar-nav-title
-
Header
Following CSS classes have been changed:app-header
toc-header
navbar-brand
toc-header-brand
navbar-toggler
toc-header-toggler
nav
toc-header-nav
nav-item
toc-header-nav-item
nav-link
toc-header-nav-link
-
Other Components
Following CSS classes have been changed:app
toc-app
app-body
toc-body
app-footer
toc-footer
main
toc-main
-
Removed aside menu, please use
<div class="c-sidebar c-sidebar-right">...</div>
instead of.