Moon Liveview Storybook - Chip

Moon Liveview Storybook

Storybook
- What is Moon DS?
- Customization
- Installation
- Migration to V3
- Tokens
- Actions
- Containers & layout
- Content display
- Forms & selection controls
  - Authenticator
  - Checkbox
  - Chip
  - Dropdown
  - Input
  - Inset Select
  - Radio
  - Radio Group
  - Segmented Control
  - Select
  - Switch
  - Textarea
- Indicators & status
- Messaging & feedback
- Navigation

What is Moon DS?
What is Moon DS?
Customization
Customization
Icons
Icons
Installation
Installation
Migration to V3
Migration to V3
Tokens
Tokens
Button
Actions Button
Icon Button
Actions Icon Button
Bottomsheet
Containers & layout Bottomsheet
Drawer
Containers & layout Drawer
Popover
Containers & layout Popover
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
Dropdown
Forms & selection controls Dropdown
Input
Forms & selection controls Input
Inset Select
Forms & selection controls Inset Select
Radio
Forms & selection controls Radio
Radio Group
Forms & selection controls Radio Group
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
Modal
Messaging & feedback Modal
Snackbar
Messaging & feedback Snackbar
Tooltip
Messaging & feedback Tooltip
Breadcrumbs
Navigation Breadcrumbs
Menu Item
Navigation Menu Item
Pagination
Navigation Pagination
Tabs
Navigation Tabs

Chip

Moon Design System Website

HEX

View package HEX

GitHub

View repository GitHub

Attribute	Type	Documentation	Default	Value
size	:string	Size of the Chip	"md"
variant	:string	Visual/Logical variant of the Chip	"default"
is_active	:boolean	Active State	false
is_stroke	:boolean	Shows stroke on hover/active	false
disabled	:boolean	Disabled Chip	false
border_radius	:integer	Border radius of the Chip in px
as	:string	Rendered HTML element	"button"
class	:string	Additional classes for the chip.	""
rest	:global	Additional attributes for the chip.
icon_only	:slot	Icon only slot. An <.icon /> component can be placed here.
icon_left	:slot	Icon left slot. An <.icon /> component can be placed here.
icon_right	:slot	Icon right slot. An <.icon /> component can be placed here.
inner_block	:slot	Inner content
Default