Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/manufosela/arc-slider
Webcomponent arc slider with gradient colors . Follows the open-wc recommendation.
https://github.com/manufosela/arc-slider
Last synced: about 1 month ago
JSON representation
Webcomponent arc slider with gradient colors . Follows the open-wc recommendation.
- Host: GitHub
- URL: https://github.com/manufosela/arc-slider
- Owner: manufosela
- License: mit
- Created: 2023-06-26T06:52:37.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-06-26T08:48:20.000Z (over 1 year ago)
- Last Synced: 2024-11-02T21:39:10.826Z (about 2 months ago)
- Language: JavaScript
- Size: 112 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# \
Webcomponent arc slider with gradient colors.
This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.## Installation
```bash
npm i arc-slider
```## Usage
```html
import 'arc-slider/arc-slider.js';
```
## Linting and formatting
To scan the project for linting and formatting errors, run
```bash
npm run lint
```To automatically fix linting and formatting errors, run
```bash
npm run format
```## Testing with Web Test Runner
To execute a single test run:
```bash
npm run test
```To run the tests in interactive watch mode run:
```bash
npm run test:watch
```## Demoing with Storybook
To run a local instance of Storybook for your component, run
```bash
npm run storybook
```To build a production version of Storybook, run
```bash
npm run storybook:build
```## Tooling configs
For most of the tools, the configuration is in the `package.json` to minimize the amount of files in your project.
If you customize the configuration a lot, you can consider moving them to individual files.
## Local Demo with `web-dev-server`
```bash
npm start
```To run a local development server that serves the basic demo located in `demo/index.html`