open-index/open-npm huggingface dataset:
npm package: @svjc/svjc-wc
Description: Web components for SvjC projects
Author: Scoor voor je Club
Latest version: 1.13.4

<div align="center">

# SvjC Web Components
Web components for SvjC projects.\
Built with Lit.

![npm](https://img.shields.io/npm/v/%40svjc%2Fsvjc-wc)

</div>




## Get started

```bash
npm i @svjc/svjc-wc
```

## Usage

Import all components.

```ts
import "@svjc/svjc-wc/dist/index.js"
```

Import only what you need.

```ts
import "@svjc/svjc-wc/svjc-card.js"
import "@svjc/svjc-wc/svjc-full-screen-toggle.js"
import "@svjc/svjc-wc/svjc-global-menu.js"
import "@svjc/svjc-wc/svjc-global-menu-item.js"
import "@svjc/svjc-wc/svjc-participant-card.js"
import "@svjc/svjc-wc/svjc-participant-logo.js"
import "@svjc/svjc-wc/svjc-participants-ticker.js"
import "@svjc/svjc-wc/svjc-scroll-to-top-button.js"
import "@svjc/svjc-wc/svjc-search-participant.js"
import "@svjc/svjc-wc/svjc-search-beneficiary.js"
import "@svjc/svjc-wc/svjc-spinner.js"
```

You'll probably need a module bundler like Rollup to do some tree-shaking.