GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → efeskucuk → svelte-color-picker

efeskucuk / svelte-color-picker

Licence: MIT license
A color picker component for svelte

Programming Languages

Svelte
593 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

color-pickersveltesveltejssvelte-v3

Projects that are alternatives of or similar to svelte-color-picker

svelte-progressbar
A multiseries, SVG progressbar component made with Svelte
Stars: ✭ 85 (-11.46%)
Mutual labels:  svelte, sveltejs, svelte-v3
s-date-range-picker
📅 A date range picker built with Svelte
Stars: ✭ 13 (-86.46%)
Mutual labels:  svelte, sveltejs, svelte-v3
svelte-meteor-data
Reactively track Meteor data inside Svelte components
Stars: ✭ 14 (-85.42%)
Mutual labels:  svelte, sveltejs, svelte-v3
ui-svelte
A component library for Svelte
Stars: ✭ 18 (-81.25%)
Mutual labels:  svelte, sveltejs, svelte-v3
plate-app
🍛 What's on your Plate?
Stars: ✭ 49 (-48.96%)
Mutual labels:  svelte, sveltejs, svelte-v3
fastify-vite
This plugin lets you load a Vite client application and set it up for Server-Side Rendering (SSR) with Fastify.
Stars: ✭ 497 (+417.71%)
Mutual labels:  svelte, sveltejs
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (-77.08%)
Mutual labels:  svelte, sveltejs
svelte-interview-questions
Concepts and Questions related to Svelte - Part of official Svelte resources list
Stars: ✭ 18 (-81.25%)
Mutual labels:  svelte, sveltejs
Svelte Material Ui
Svelte Material UI Components
Stars: ✭ 2,081 (+2067.71%)
Mutual labels:  svelte, sveltejs
svelte-portal
Svelte component for rendering outside the DOM of parent component
Stars: ✭ 261 (+171.88%)
Mutual labels:  svelte, sveltejs
BeatHub
Small, simple, and fast custom beatmap browser & downloader built with Svelte
Stars: ✭ 13 (-86.46%)
Mutual labels:  svelte, svelte-v3
fa-svelte
Font Awesome 5 for svelte.js
Stars: ✭ 72 (-25%)
Mutual labels:  svelte, sveltejs
rollup-plugin-svelte-hot
Fork of official rollup-plugin-svelte with added HMR support (for both Nollup or Rollup)
Stars: ✭ 49 (-48.96%)
Mutual labels:  svelte, svelte-v3
template
Elder.js template project. It is part template, part tutorial. Dive in!
Stars: ✭ 101 (+5.21%)
Mutual labels:  svelte, sveltejs
svelte-ts-template
Typescript template for Svelte v3
Stars: ✭ 55 (-42.71%)
Mutual labels:  sveltejs, svelte-v3
svelte-typescript-rollup
Svelte + Typescript + Rollup
Stars: ✭ 79 (-17.71%)
Mutual labels:  svelte, sveltejs
svelte-express-boilerplate
Boilerplate for developing full stack apps with Express and Svelte.js 📦
Stars: ✭ 60 (-37.5%)
Mutual labels:  sveltejs, svelte-v3
svelte-multistep-form
Svelte MultiStep Form like, this component is still in beta stage
Stars: ✭ 29 (-69.79%)
Mutual labels:  svelte, svelte-v3
sveltekit-blog
Sveltekit blog starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.
Stars: ✭ 100 (+4.17%)
Mutual labels:  svelte, sveltejs
svelte-component-library-template
A base for building Svelte component library.
Stars: ✭ 62 (-35.42%)
Mutual labels:  svelte, sveltejs
View All Similar Projects ➔

Svelte Color Picker [Demo Page]

svelte-v3

Installation

With npm

$ cd yourSvelteProject
$ npm i svelte-color-picker

Usage

In your component :

<script>
import {HsvPicker} from 'svelte-color-picker';

function colorCallback(rgba) {
	console.log(rgba.detail)
}
</script>

<HsvPicker on:colorChange={colorCallback} startColor={"#FBFBFB"}/>

Components

Svelte Color Picker currently has one type of colorpicker.

</HsvPicker>

Props Value Type Use
on:colorChange function Given function gets called every time color changes
startColor string Initializes color picker with the value (hexadecimal without alpha).

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].