Dropdowns

6 UI Blocks Example

dropdown_6
dropdown_6
                        
                          [arr.create set="template.data"]
  [section_classes]text-right[/section_classes]
  [btn_text]My Profile[/btn_text]
  [small_text]Sign in as[/small_text]
  [bold_text]email@example.com[/bold_text]
  [dropmenu_grp new]
    [dropmenu new]
      [text]Account[/text]
      [link]#[/link]
    [/dropmenu]
    [dropmenu new]
      [text]Support[/text]
      [link]#[/link]
    [/dropmenu]
  [/dropmenu_grp]
  [dropmenu_grp new]
    [dropmenu new]
      [text]Logout[/text]
      [link]#[/link]
    [/dropmenu]
  [/dropmenu_grp]
[/arr.create]
[uiblocks.dropdowns.dropdown_6 data="{template.data}" /]
                        
                      
dropdown_5
dropdown_5
                        
                          [arr.create set="template.data"]
  [section_classes][/section_classes]
  [btn_text]Dropdown[/btn_text]
  [dropmenu new]
    [text]Edit[/text]
    [link]#[/link]
  [/dropmenu]
  [dropmenu new]
    [text]Duplicate[/text]
    [link]#[/link]
  [/dropmenu]
  [dropmenu new]
    [text]Archive[/text]
    [link]#[/link]
  [/dropmenu]
[/arr.create]
[uiblocks.dropdowns.dropdown_5 data="{template.data}" /]
                        
                      
dropdown_4
dropdown_4
                        
                          [arr.create set="template.data"]
  [section_classes]text-right[/section_classes]
  [btn_text]Dropdown[/btn_text]
  [dropmenu_grp new]
    [dropmenu new]
      [icon_class]icon-edit[/icon_class]
      [text]Edit[/text]
      [link]#[/link]
    [/dropmenu]
    [dropmenu new]
      [icon_class]icon-copy[/icon_class]
      [text]Duplicate[/text]
      [link]#[/link]
    [/dropmenu]
  [/dropmenu_grp]
  [dropmenu_grp new]
    [dropmenu new]
      [icon_class]icon-folder[/icon_class]
      [text]Archive[/text]
      [link]#[/link]
    [/dropmenu]
    [dropmenu new]
      [icon_class]icon-share[/icon_class]
      [text]Share[/text]
      [link]#[/link]
    [/dropmenu]
  [/dropmenu_grp]
  [dropmenu_grp new]
    [dropmenu new]
      [icon_class]icon-cancel[/icon_class]
      [text]Delete[/text]
      [link]#[/link]
    [/dropmenu]
  [/dropmenu_grp]
[/arr.create]
[uiblocks.dropdowns.dropdown_4 data="{template.data}" /]
                        
                      
dropdown_3
dropdown_3
                        
                          [arr.create set="template.data"]
	[section_classes]text-right[/section_classes]
	[btn_text]Dropdown[/btn_text]
	[dropmenu_grp new]
	  [dropmenu new]
	    [text]Edit[/text]
	    [link]#[/link]
	  [/dropmenu]
	  [dropmenu new]
	    [text]Duplicate[/text]
	    [link]#[/link]
	  [/dropmenu]
	[/dropmenu_grp]
	[dropmenu_grp new]
	  [dropmenu new]
	    [text]Archive[/text]
	    [link]#[/link]
	  [/dropmenu]
	  [dropmenu new]
	    [text]Move[/text]
	    [link]#[/link]
	  [/dropmenu]
	[/dropmenu_grp]
	[dropmenu_grp new]
	  [dropmenu new]
	    [text]Delete[/text]
	    [link]#[/link]
	  [/dropmenu]
	[/dropmenu_grp]
[/arr.create]
[uiblocks.dropdowns.dropdown_3 data="{template.data}" /]
                        
                      
dropdown_2
dropdown_2
                        
                          [arr.create set="template.data"]
  [section_classes]text-right[/section_classes]
  [btn_text]Dropdown[/btn_text]
  [dropmenu new]
    [text]Edit[/text]
    [link]#[/link]
  [/dropmenu]
  [dropmenu new]
    [text]Duplicate[/text]
    [link]#[/link]
  [/dropmenu]
  [dropmenu new]
    [text]Archive[/text]
    [link]#[/link]
  [/dropmenu]
[/arr.create]
[uiblocks.dropdowns.dropdown_2 data="{template.data}" /]
                        
                      
dropdown_1
dropdown_1
                        
                          [arr.create set="template.data"]
  [section_classes][/section_classes]
  [btn_text]Dropdown[/btn_text]
  [dropmenu new]
    [text]Edit[/text]
    [link]#[/link]
  [/dropmenu]
  [dropmenu new]
    [text]Duplicate[/text]
    [link]#[/link]
  [/dropmenu]
  [dropmenu new]
    [text]Archive[/text]
    [link]#[/link]
  [/dropmenu]
[/arr.create]
[uiblocks.dropdowns.dropdown_1 data="{template.data}" /]