Skip to content
Home

Importing the CSS

To include the packages dnb-ui-core, dnb-theme-basis and dnb-theme-components in a Node.js based environment (given you have a CSS loader in place), do this:

// This includes the `dnb-ui-core`, `dnb-theme-basis` and `dnb-theme-components`
import '@dnb/eufemia/style'

Legacy import

Read more about how to deal with existing styles.

// NB: needs a wrapper class: ".dnb-core-style"
import '@dnb/eufemia/style/basis'
import '@dnb/eufemia/style/components'
import '@dnb/eufemia/style/themes/ui'

Single Component only

It is possible to import a single CSS Style of a single component at once:

import '@dnb/eufemia/style/core'
import '@dnb/eufemia/style/themes/ui'


// Imports only the Button CSS and Main DNB Theme
import '@dnb/eufemia/components/button/style'
import '@dnb/eufemia/components/button/style/themes/ui'