Phoenix Duskmoon UI Storybook

Chip

Outlined

Soft

Attribute	Type	Documentation	Default
id	:any	HTML id attribute
class	:any	additional CSS classes
variant	:string	chip style variant	"filled"
color	:string	chip color
size	:string	chip size	"md"
clickable	:boolean	render an action button	false
selectable	:boolean	render a selectable toggle button	false
deletable	:boolean	show a delete button on the chip	false
selected	:boolean	mark the chip as selected	false
disabled	:boolean	disable the chip	false
navigate	:string	navigate to another LiveView when the chip is activated
patch	:string	patch the current LiveView when the chip is activated
href	:any	use traditional browser navigation when the chip is activated
replace	:boolean	replace browser history when using navigate or patch	false
delete_event	:any	LiveView event name or JS command dispatched by the native removal button
delete_label	:string	accessible label for the native removal button	"Remove chip"
rest	:global	additional HTML attributes
Required inner_block *	:slot	chip label text
[Multiple values]
icon	:slot	leading icon content