The JavaScript library provides interactive and initialization support for some of our components.

Getting started

Using CDN

All components are available via CDN. This means that they can be added to your application without the need of any
bundler configuration. Each component is available by referencing a specific version.
URLDescription JavaScript for the Tabs Component for the given version

Basic usage

If the component requires markup, make sure you have the markup required present before you include the script.
<div class="if tabs"></div>
<script src=""></script>

Using ES imports

#### Prerequisites

- A decent bash system. For example: iTerm, Terminal in VSCode, Linux Bash, Ubuntu Bash through Windows WSL2 etc
- Node >=14.17.3 and npm >=6.14.4

    class="if alert-banner warning"
    style="margin:0;margin-top: 2rem;"

    To be able to install packages for If Design System, you are required to setup your environment with
    credentials. Please [follow this guide](/develop/getting-started/setup) before continuing


Using npm:

// Example with the tabs component
npm i --save @ids-js/tabs

Or yarn:

// Example with the tabs component
yarn add @ids-js/tabs

Basic usage

import { init as IDSTabInit } from '@ids-js/tabs';


If you experience any issues while getting set up with the libraries, please head over to [our MS Teams
We're always glad to help!

Table of Contents

Edit this section, Opens in new window
Contact us, Opens in new window