@better-ntu/experience-ntu-ui

Experience NTU UI

The innovative NTU-style component library.

To Use This Library

npm/yarn

npm install @better-ntu/experience-ntu-ui

CDN

Import all components

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@better-ntu/experience-ntu-ui@latest/dist/bundle.min.css"
/>

Only import a subset of components

If you would like to import only a subset of the components, you can specify the path to the component's CSS file. For example, to import the button component:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@better-ntu/experience-ntu-ui@latest/dist/button.min.css"
/>

For Developers

Design Tokens

We are implementing this library based on the concepts of design tokens, which are the basic visual elements of a design system. The design tokens are defined in the src/tokens.json folder. The tokens are then used in the src/components/**.pcss folder to create the components.