@licuido-ui/ui_chiplist-with-count v3.0.1

ChipListWithCount

ChipListWithCount are compact elements that represent an input, attribute, or action.

Author

• @author Henry Dyson J henry@crayond.co

Link

Story Book Link ChipListWithCount

PlayGround

Try it have a fun codeBox

Installation

npm i  @licuido-ui/ui_chiplist-with-count

Import component

import { ChipListWithCount } from '@licuido-ui/ui_chiplist-with-count';

Usage

<ChipListWithCount
  options={list}
  variant={'filled'}
  handleChipClick={(item) => console.log(item, 'itemclick')}
  handlechipDelete={(item) => console.log(item, 'deleteclick')}
  maximumChipShowCount={4}
  chipWrap='wrap'
/>

Image

Sample Code

<ChipListWithCount
  options={list}
  variant={'filled'}
  handleChipClick={(item) => console.log(item, 'itemclick')}
  handlechipDelete={(item) => console.log(item, 'deleteclick')}
  maximumChipShowCount={4}
  chipWrap='wrap'
/>

Props