|  | HTML |  |
|  | Splash! |  |
|  | PostScript |  |
| Template Toolkit Examples: Splash! Library: Vertical Menus |

| menubar
|  | pulldown |  |
tab |
# Vertical Menus The splash/menu component generates a menu as a series of splash/button elements stacked vertically.
Source #1:
    [% buttons = [
        { link => 'buttons.html', text => 'Buttons' }
        { link => 'menus.html',   text => 'Menus'   }
        { link => 'tabs.html',    text => 'Tabs'    }
       ]
    %]

    [% PROCESS splash/pulldown %]
Output #1:
| Buttons |
| Menus |
| Tabs |
Source #2:
    [% PROCESS splash/pulldown select=2 %]
Output #2:
| Buttons |
| Menus |
| Tabs |
Source #3:
    [% PROCESS splash/pulldown select=2 width='20%' %]
Output #3:
| Buttons |
| Menus |
| Tabs |
Source #4:
    [% splash.style.default.col.text = 'black' %]

    [% PROCESS splash/pulldown
               select = 3
               width  = '50%'
               align  = 'right'
    	   space  = 6
    %]
Output #4:
| Buttons |
| Menus |
| Tabs |
Source #5:
    <div align="right">
    [% WRAPPER splash/box bgcol='grey50' pad=10 width='20%';
           PROCESS splash/pulldown select=2 width='100%' bgcol='grey50';
       END;
    %]
    </div>
Output #5:
| Buttons |
| Menus |
| Tabs |