JavaScript
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.
URL | Description |
---|---|
https://static.design.if.eu/packages/@ids-js/tabs/0.18.6/tabs.iife.js | The 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="https://static.design.if.eu/packages/@ids-js/tabs/0.18.6/tabs.iife.js"></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
<div
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
</div>
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';
IDSTabInit();
Troubleshooting
If you experience any issues while getting set up with the libraries, please head over to [our MS Teams
channel](https://teams.microsoft.com/l/team/19%3a5653139ad54d4f06b340907b42f35aeb%40thread.skype/conversations?groupId=5f5dd61d-c19e-437a-9f65-721db7ef30b7&tenantId=de7e7a67-ae61-49d2-97a7-526c910ad675).
We're always glad to help!