An open API service indexing awesome lists of open source software.

https://github.com/slice-soft/ss-stencil-web-components-lib

Reusable web components library with StencilJS and design tokens
https://github.com/slice-soft/ss-stencil-web-components-lib

slicesoft stencil typescript web-components

Last synced: 25 days ago
JSON representation

Reusable web components library with StencilJS and design tokens

Awesome Lists containing this project

README

          

# ss-stencil-web-components-lib

Libreria de Web Components reutilizables desarrollados con StencilJS para SliceSoft.

## Uso

Los componentes consumen tokens CSS de `@slice-soft/ss-design-system`. Carga `_variables.css` antes de usar la libreria y `_dark.css` despues si necesitas modo oscuro.

```html

```

```bash
npm install @slice-soft/ss-stencil-web-components-lib
```

```ts
import { defineCustomElements } from '@slice-soft/ss-stencil-web-components-lib/loader';

defineCustomElements();
```

## Desarrollo local

```bash
git clone https://github.com/slice-soft/ss-stencil-web-components-lib.git
cd ss-stencil-web-components-lib
npm install
npm start
```

## Scripts

```bash
npm run build
npm test
npm run lint
```

## Salidas

- `dist`: loader ESM/CJS y bundles lazy-loaded.
- `dist-custom-elements`: componentes standalone.
- `docs-readme`: documentacion generada por componente.
- `docs-vscode`: metadata para autocompletado.
- `www`: demo local de Stencil.

La fuente de verdad de tokens es `@slice-soft/ss-design-system`; los tokens legacy locales fueron retirados del codigo fuente.