@finastra/chip NPM

Chip

Chips allow users to enter information, make selections, filter content, or trigger actions.

npm i @finastra/chip

import '@finastra/chip';
...
<fds-chip selected label="Munk"></fds-chip>

Property	Attribute	Type	Default	Description
`dense`	`dense`	`boolean`	false	Make the chip smaller.
`disabled`	`disabled`	`boolean`	false	Disable a chip.
`icon`	`icon`	`string`	""	Material design icon name to display in the left side of the label
`label`	`label`	`string`	""	Chip label
`large`	`large`	`boolean`	false	Make the chip bigger.
`ripple`		`Promise<Ripple \\| null>`
`secondary`	`secondary`	`boolean`	false	Use Secondary color.
`selected`	`selected`	`boolean`	false	Select a chip
`trailingIcon`	`trailingIcon`	`string`	""	Material design trailing icon name to display in the right side of the label
`trailingIconAction`		`(() => void) \\| undefined`		Override this callback with what you want to happen whenever there's a click on the trailing icon