Intelligence Community Design System ICDS Get started Accessibility Styles Components Patterns Community
Show navigation section

Install the components

Installing the components

The UI Kit components are available on npmjs.com , and can be installed from the command line.

# Web components, Angular, Vue, Svelte
npm install @ukic/web-components @ukic/fonts

# React
npm install @ukic/react @ukic/fonts

Using the components

When the ic-theme component is not implemented, components will default to the user's system colour scheme. Please keep this in mind when styling your application. See the theming guidance for more information.

To use the components in a particular framework, follow the framework instructions.

Web components can be used without the need for a framework. To use web components without a framework, follow the web components instructions .

Custom Elements Everywhere has more information on how web components work with other frameworks .

Using third-party components

If you can't find a suitable component in this Design System, then you can use one from a third-party library. Use the library's theming and customisation options and follow our styles so that they look and feel as similar as possible.

You can replace the third-party components once they are released in the Design System.


Last reviewed 23 December 2024 .
Navigated to Install the components - Intelligence Community Design System