Menu
Not to be confused with the main navigation, the
ts-menu is simply a list of selectable items.
Assign data-ts="Menu" to a menu element to initialize it as a Menu.
Use li elements to separate the menu items, all of which follows the structure
of a Button.
Adding Icons
The markup follows the convention for
buttons. Use a span and an
i element to seperate text and icon, simply reverse the two to make the icon go
first.
Using the second line/sub text
To add a second line to the Menu item, just add a sub with some text in it.
Select one
To create a single select menu, mark one (and only one) li with the
ts-checked classname and use the ts-icon-checked classname for the
icon (i
element)
Select many
To create a multi select menu, simply add more classnames and icons.
The UI component makes no attempt to automatically manage these icons and classnames whenever a new menu item gets selected.
Disabled items
You can mark any selection as readonly by adding the
disabled attribute to the individual buttons.
If you find a bug or need a feature…