Moon Liveview Library - Chip

Moon Liveview Library

Storybook
- Getting Started
- Actions
- Containers & layout
- Content display
- Forms & selection controls
  - Authenticator
  - Checkbox
  - Chip
  - Input
  - Radio
  - Segmented Control
  - Select
  - Switch
  - Textarea
- Indicators & status
- Messaging & feedback
- Navigation

Getting Started
Getting Started
Button
Actions Button
Icon Button
Actions Icon Button
Bottom Sheet
Containers & layout Bottom Sheet
Dialog
Containers & layout Dialog
Drawer
Containers & layout Drawer
Dropdown
Containers & layout Dropdown
Accordion
Content display Accordion
Avatar
Content display Avatar
Carousel
Content display Carousel
List
Content display List
Table
Content display Table
Authenticator
Forms & selection controls Authenticator
Checkbox
Forms & selection controls Checkbox
Chip
Forms & selection controls Chip
Input
Forms & selection controls Input
Radio
Forms & selection controls Radio
Segmented Control
Forms & selection controls Segmented Control
Select
Forms & selection controls Select
Switch
Forms & selection controls Switch
Textarea
Forms & selection controls Textarea
Badge
Indicators & status Badge
Circular Progress
Indicators & status Circular Progress
Linear Progress
Indicators & status Linear Progress
Loader
Indicators & status Loader
Placeholder
Indicators & status Placeholder
Tag
Indicators & status Tag
Alert
Messaging & feedback Alert
Snackbar
Messaging & feedback Snackbar
Tooltip
Messaging & feedback Tooltip
Breadcrumb
Navigation Breadcrumb
Menu
Navigation Menu
Pagination
Navigation Pagination
Tab List
Navigation Tab List

Chip

Default Open in playground

<.chip >
  Chip
</.chip>

Is active Open in playground

<.chip is_active>
  Chip
</.chip>

With icons Open in playground

<.chip >
  <.icon name="star" class="icon-neutral" />
  Chip
  <.icon name="star" class="icon-neutral" />
</.chip>