From d956d757e12b5ad9ee80a8912da74f428366c320 Mon Sep 17 00:00:00 2001
From: hyunsook In cases where there is more than one possible action per list item, a split button can be used to offer two independently clickable items - the list item and a small arrow icon in the far right. To make a split list item, simply add a second link inside the You can set the icon for the right split icon by specifying a You can set the icon for the right split icon by specifying a Split button lists
li
and the framework will add a vertical divider line, style the link as an icon-only arrow button, and set the title
attribute of the link to the text of the link for accessibility.data-split-icon
attribute on the listview with an icon name you want. The default icon is "arrow-r" but can be configured with the splitIcon
listview option. By adding a data-icon
attribute to the list item, you can set individual icons for each split. The theme swatch color of the split button defaults to "b" (blue in the default theme) but can be set by specifying a swatch letter with the data-split-theme
attribute at the listview level or for individual splits with the data-theme
attribute at the link level.data-split-icon
attribute on the listview with an icon name you want. The default icon is "carat-r" but can be configured with the splitIcon
listview option. By adding a data-icon
attribute to the list item, you can set individual icons for each split. The theme swatch color of the split button defaults to "b" (blue in the default theme) but can be set by specifying a swatch letter with the data-split-theme
attribute at the listview level or for individual splits with the data-theme
attribute at the link level.