open-index/open-npm huggingface dataset:
npm package: @knowledgecity/ui-kit-svelte
Description: Knowledge City UI components kit for svelte.js
Latest version: 0.1.1

# KC UI kit components for svelte

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Svelte_Logo.svg/996px-Svelte_Logo.svg.png" alt="Svelte.js" width="30" />

Knowledge City UI kit svelte components based on Knowledge City design system.

## Package installation

```terminal
npm i @knowledgecity/ui-kit-svelte
```

## Component usage

First you  will need to import styles

```js
// UI kit css styles
import "@knowledgecity/ui-kit-svelte/css/kcui.css";
```

After that you can import components

```js
// Components
import { Button, Dropdown, DropdownItem } from '@knowledgecity/ui-kit-svelte/components';

// Icons
import { IconAlert } from '@knowledgecity/ui-kit-svelte/icons';
```

## UI kit sets

### Component set

- Accordion
- Alert
- Button
- Checkbox
- CheckboxGroup
- CheckboxQuiz
- Datepicker [in development]
- Dropdown
- Input
- Label
- Loader
- Modal
- Radio
- Skeleton
- Switch
- Tabs
- Textarea [in development]
- Upload [in development]
- Icons set