Angular components for Figma design system

Class: SetListComponent

Selector: set-list

Exported as: setList

The component is a container for selection items - radio, checkboxes, slide toggles. Can be used for styling the list within our design system.

Name	Description	Default value
@Input() color: string	Functional color (black, primary, positive, etc.)	primary
@Input() disabled: boolean	Applies disabled style. If used together with selection elements, they also become disabled. *Blocks mat-radio-group	false

Class: SetListItemComponent

Selector: set-list-item

Exported as: setListItem

Name	Description	Default value
@Input() color: string	Functional color (black, primary, positive, etc.)	primary
@Input() disableRipple: boolean	Whether ripples are disabled.	false
@Input() selected: boolean	Whether the item is selected.	false
@Input() disabled: boolean	Whether the item is disabled.	false
@Output() selectedChange: EventEmitter<boolean>	Emits a change event whenever the selected state of an item changes	None
@Output() selectionChange: EventEmitter <SetListItemSelectionChange>	Emits a change event whenever the selected state of an item changes	None

export class SetListItemSelectionChange {
    source: SetListItemComponent;
    selected: boolean;
    isUserInput = false;
}