https://github.com/probablykasper/color-picker-svelte

Color picker for Svelte
https://github.com/probablykasper/color-picker-svelte

color-picker svelte typescript

Last synced: 3 months ago
JSON representation

Color picker for Svelte

• Host: GitHub
• URL: https://github.com/probablykasper/color-picker-svelte
• Owner: probablykasper
• Created: 2022-04-19T02:51:49.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-10-23T05:38:33.000Z (9 months ago)
• Last Synced: 2025-04-22T21:02:58.954Z (3 months ago)
• Topics: color-picker, svelte, typescript
• Language: Svelte
• Homepage: https://color-picker-svelte.kasper.space
• Size: 550 KB
• Stars: 10
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Color Picker Svelte

[![NPM](https://img.shields.io/npm/v/color-picker-svelte.svg)](https://npmjs.com/package/color-picker-svelte)

[![License](https://img.shields.io/npm/l/color-picker-svelte.svg)](LICENSE)

[![NPM Downloads](https://img.shields.io/npm/dm/color-picker-svelte.svg)](https://npmjs.com/package/color-picker-svelte)

[![test](https://github.com/probablykasper/color-picker-svelte/actions/workflows/test.yml/badge.svg)](https://github.com/probablykasper/color-picker-svelte/actions/workflows/test.yml)

Color picker for Svelte

[Demo](https://color-picker-svelte.kasper.space/) • [REPL](https://svelte.dev/repl/8b00804d417b4fe89f42f90d6ed485e7?version=3.49.0)

![](Screenshot.jpg)

## Install

```

npm install color-picker-svelte

```

## Usage

```svelte

  import { Color, ColorInput } from 'color-picker-svelte'

  let color = new Color('#ff3d91')

```

## Dev instructions

### Get started

1. Install Node.js

2. Run `npm install`

### Commands

- `npm run dev`: Start in dev mode

- `npm run build`: Build

- `npm run lint`: Lint

- `npm run format`: Format

### Publish new version

1. Update `CHANGELOG.md`

2. Check for errors

    ```

    npm run lint

    ```

3. Bump the version number

    ```

    npm version --no-git-tag 

    ```

4. Generate the package

    ```

    npm run package

    ```

5. Publish the package

    ```

    npm publish

    ```

6. Commit with a tag in format "v#.#.#"

7. Create GitHub release with release notes