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 menu

  • splitButton – split the button into a separate action button and a dropdown

  • splitButtonHref – link for the split button

  • linkList – a list of (linked) items items that the menu should display

  • separatedLinkList – a list of (linked) items items that the menu should display below divider

  • pull – [ false | right | left ] (e.g Add right to a .dropdown-menu to right align the dropdown menu.)

  • direction – drop [ down | up ]

  • popover – add a popover for this dropdown

  • onPhone – does this container get displayed on a phone sized screen

  • onTablet – does this container get displayed on a tablet sized screen

  • onDesktop – does this container get displayed on a desktop sized screen*

Return

  • dropdown – the dropdown menu