@blaze-react/chips NPM | npm.io

0.7.0 • Published 9 days ago

Install

Weekly downloads

382

License

ISC

Repository

Last release

9 days ago

Description

React chips are small blocks of information. They are most commonly used for contacts, tags, selecting an option, filtering content, etc.

Usage

<Chips
  modifiers={[
    Chips.availableModifiers.parent.deletable,
    Chips.availableModifiers.parent.small
  ]}
>
  <Chips.Avatar>
    <Avatar username="Lorem Ipsum" modifier="x-small" />
  </Chips.Avatar>
  <Chips.Label>Primary deletable chip</Chips.Label>
  <Chips.Icon modifier={Chips.availableModifiers.icon.delete}>
    <i className="material-icons">delete</i>
  </Chips.Icon>
</Chips>

API

Chips can receive a number of `props` as follow:

NAME	TYPE	DEFAULT	OPTIONS
modifiers	Array of string	primary	deletable, outlined, secondary, small, primary
action	Function	() => {}
children	single/array of nodes	empty

@blaze-react/avatar @blaze-react/utils react react-dom

10 days ago

9 days ago

10 days ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

6 months ago

8 months ago

9 months ago

9 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago