moliva / solid-multiselect

A multi-select implementation for Solid.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Solid logo  Solid MultiSelect

Installation

## in npm
npm install @digichanges/solid-multiselect
## or in yarn
yarn add @digichanges/solid-multiselect

Add as a module:

import { MultiSelect } from '@digichanges/solid-multiselect';

Demo

Demo codesandbox

multi-select example

Search:

multi-select search example

Example

import { MultiSelect } from '@digichanges/solid-components'

<h3>Limit 2 elements</h3>
<MultiSelect
    style={{ chips: { color: "red", "background-color": "pink" } }}
    options={["yellow", "blue", "pink", "white"]}
    onSelect={console.log}
    onRemove={console.log}
    selectedValues={["yellow"]}
    selectionLimit={2}
/>

About

A multi-select implementation for Solid.

License:MIT License


Languages

Language:TypeScript 90.0%Language:CSS 10.0%