Switches
Primary Switch

Danger Switch

Success Switch

Warning Switch

Info Switch

Radio
Primary Radio

Radio fill Button

Inline Button

Inline fill Button

Danger Radio

Radio fill Button

Inline Button

Inline fill Button

Success Radio

Radio fill

Inline

Inline fill

Warning Radio

Radio fill

Inline

Inline fill

Info Radio

Radio fill

Inline

Inline fill

Checkbox
Default checkbox

Bordered checkbox

Inline checkbox

Bordered checkbox

Primary checkbox

Bordered checkbox

Inline checkbox

Bordered checkbox

Danger checkbox

Bordered checkbox

Inline checkbox

Bordered checkbox

Success checkbox

Bordered checkbox

Inline checkbox

Bordered checkbox

Warning checkbox

Bordered checkbox

Inline checkbox

Bordered checkbox

Info checkbox

Bordered checkbox

Inline checkbox

Bordered checkbox

Tags Input
Basic Tag Input

Just add ngModel to your tag-input field to automatically change it to a tags input field.

Amsterdam
Washington
Sydney
Beijing
Cairo
Read Only Tag Input

Just add identifyBy, displayBy attribute to your tag-input field.

Amsterdam
Washington
Sydney
Beijing
Cairo
Editable Tag Input

Just add editable attribute with true value, to your tag-input field. (doubble click on tag)

Amsterdam
Washington
Sydney
Beijing
Cairo
Tag Input Limit (3)

Just add maxItems, ripple attribute to your tag-input field. (doubble click on tag)

Amsterdam
Washington
Sydney
Tag Input Validation

Just add errorMessages, validators attribute to your tag-input field.

@Amsterdam$
@Washington$
@Sydney$
Tag Input with Space Key

Just add separatorKeyCodes attribute with ket code method to your tag-input field.

Amsterdam
Tag Input with Theme

Just add theme attribute with bootstrap(default), danger, success, warning, dark value to your tag-input field.

Amsterdam
Washington
Tag Input with Minimal Theme

Just add theme attribute with minimal, minimal-danger, minimal-success, minimal-warning, minimal-dark value to your tag-input field.

Amsterdam
Washington
Sydney