Skip to main content

Configuration

When importing the bundle or core into your SCSS project, custom icons can be configured.

If you are using the CDS npm package, we recommend using the branded bundle to easily configure your brand while having the resources from the package.

Using predefined brand
@use '@circutor/ui/scss/common/cds-circutor-bundle';

However, if your project does not use node_modules, you must specify the resources path by setting the $config-resources-path variable and set the brand via $config-brand variable.

Using predefined brand
@use '@circutor/ui/scss/common/cds-bundle.scss' with (
    $config-brand: 'circutor',
    $config-resources-path: 'your/custom/path/resources',
);

Important: If you customize the $config-resources-path variable to use a different location for the resources, you must maintain the original subfolder structure and content. Modifying the structure may cause missing assets or unexpected behavior in the UI components.

Resources folder structure
/resources/
  └── /icons/
        ├── CDSIcons.oet
        ├── CDSIcons.svg
        ├── CDSIcons.ttf
        └── CDSIcons.woff