khufu.dropdowns.dropdown module ∞
-
dropdown
(buttonSize='default', buttonColor='default', linkNotButton=False, menuTitle='#', splitButton=False, splitButtonHref=False, linkList=[], separatedLinkList=False, pull=False, htmlId=False, htmlClass=False, direction='down', popover=False, onPhone=True, onTablet=True, onDesktop=True)[source] ∞ get a toggleable, contextual menu for displaying lists of links. Made interactive with the dropdown JavaScript plugin. You need to wrap the dropdown’s trigger and the dropdown menu within .dropdown, or another element that declares position: relative
buttonSize
– size of button [ mini | small | default | large ]buttonColor
– [ default | sucess | error | warning | info ]menuTitle
– the title of the menusplitButton
– split the button into a separate action button and a dropdownsplitButtonHref
– link for the split buttonlinkList
– a list of (linked) items items that the menu should displayseparatedLinkList
– a list of (linked) items items that the menu should display below dividerpull
– [ false | right | left ] (e.g Addright
to a.dropdown-menu
to right align the dropdown menu.)direction
– drop [ down | up ]popover
– add a popover for this dropdownonPhone
– does this container get displayed on a phone sized screenonTablet
– does this container get displayed on a tablet sized screenonDesktop
– does this container get displayed on a desktop sized screen*
Return
dropdown
– the dropdown menu