open-index/open-npm huggingface dataset:
npm package: @maskingtech/designsystem
Description: A simple, customizable design system that wraps common CSS features into elements and turns standard HTML elements into interactive components. Currently, only React is supported.
Latest version: 0.0.8

# Masking Technology Design System (MTDS)

A simple, customizable design system that wraps common CSS features into elements and turns standard HTML elements into interactive components. Currently, only React is supported.

<img width="100%" alt="Example design" src="assets/example.png">

## Installation

```bash
npm install @maskingtech/designsystem
```

## Usage

To activate it, its root element needs to be added to the application.

```tsx
import { DesignSystem } from '@maskingtech/designsystem';

import '@maskingtech/designsystem/style.css';

<DesignSystem>
    {/* layout, elements and components here */}
</DesignSystem>
```

The list of layouts, elements, components, and customization options can be found in the [documentation](docs/README.md).