Tags Input
Input Tags
Just add data-role="tagsinput"to your input field to automatically change it to a tags input field.
True multi value
Use a <select multiple />as your input element for a tags input, to gain true multivalue support. Instead of a comma separated string, the values will be set in an array. Existing <option /> elements will automatically be set as tags. This makes it also possible to create tags containing a comma.
Switchery
Basic
Add an attribute data-plugin="switchery" data-color="@colors" to your input element and it will be converted into switch.
Sizes & Secondary color
Add an attribute data-size="small",data-size="large", data-color="@color" data-secondary-color="@color" to your input element and it will be converted into switch.
Multiple Select
Default
Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.
- Dallas Cowboys
- New York Giants
- Chicago Bears
- Detroit Lions
- Green Bay Packers
- Minnesota Vikings
- Carolina Panthers
- New Orleans Saints
- Tampa Bay Buccaneers
- Arizona Cardinals
- St. Louis Rams
- San Francisco 49ers
- Seattle Seahawks
- Philadelphia Eagles
- Washington Redskins
- Atlanta Falcons
Grouped Options
Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.
- NFC EAST
- Dallas Cowboys
- New York Giants
- Philadelphia Eagles
- Washington Redskins
- NFC NORTH
- Chicago Bears
- Detroit Lions
- Green Bay Packers
- Minnesota Vikings
- NFC SOUTH
- Atlanta Falcons
- Carolina Panthers
- New Orleans Saints
- Tampa Bay Buccaneers
- NFC WEST
- Arizona Cardinals
- St. Louis Rams
- San Francisco 49ers
- Seattle Seahawks
Searchable
Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.
