FilterChip

This is the <FilterChip /> component

---

Examples

Core

<FilterChip>Core</FilterChip>

Core

<FilterChip
  onClick={(e) => {
    console.log('clicked close')
  }}
>
  Core
</FilterChip>
  

Core

Rare

Uncommon

Legendary

<FilterChipContainer>
  <FilterChip>Core</FilterChip>
  <FilterChip>Rare</FilterChip>
  <FilterChip>Uncommon</FilterChip>
  <FilterChip>Legendary</FilterChip>
  </FilterChipContainer>

---

Basic Usage

import FilterChip, { FilterChipContainer } from '@candy/kitkat/snackbar'

export const MyComponent = () => (
  <FilterChipContainer>
    <FilterChip>Core</FilterChip>
    <FilterChip>Rare</FilterChip>
    <FilterChip>Uncommon</FilterChip>
    <FilterChip>Legendary</FilterChip>
  </FilterChipContainer>
)

---

Props

Name	Type	Default	Description
children	ReactNode	-	Text Content
onClick	(e: React.MouseEvent<HTMLDivElement>) => void	-	Displays "DISMISS" text and hides Snackbar on DISMISS click