My-Components

Storybook preview: https://staging.dacq5a5mx2htp.amplifyapp.com/

This component has dependency to @heroicons/react and tailwindcss

Install Dependencies

npm i @heroicons/react

if you using vite install Tailwind CSS as a Vite plugin

npm install tailwindcss @tailwindcss/vite

Add an @import to your CSS file that imports Tailwind CSS.

@import "tailwindcss";

Install

  npm i @aripratomo/my-components

Multiple Dropdown with search

Basic usage

import { Dropdown } from "@aripratomo/my-components"

<Dropdown 
  multiple={true} 
  withSearch={true} 
  options={['Banna', 'Apple', 'Melon']} 
  onChange={(opt) => console.log(opt)} 
/>