|  | HTML |  |
|  | Splash! |  |
|  | PostScript |  |
| Template Toolkit Examples: Splash! Library: Tabbed Box |

| hair
|  | tabbox |  |
tabset |
# Tabbed Box The splash/tabbox element creates an outlined box with a tab attached on top.
Source #1:
    [% INCLUDE splash/tabbox
    	   title   = "Design Patterns"
               content = "ISBN: 0-201-63361-2"
    %]
| Output #1:
|  | Design Patterns |  |
ISBN: 0-201-63361-2
Source #2:
    [% WRAPPER splash/tabbox
               title = 'Visitor'
    %]

    <h3>Intent</h3>
    <ul>
        Represent an operation to be performed
        on the elements of an object structure.
        Visitor lets you define a new operation
        without changing the classes of the
        elements on which it operates.
    </ul>

    [% END %]
| Output #2:
|  | Visitor |  |
### Intent Represent an operation to be performed on the elements of an object structure. Visitor lets you define a new operation without changing the classes of the elements on which it operates.
Source #3:
    [% WRAPPER splash/tabbox
               title = '<b>Iterator</b>'
    	   style = splash.style.select
    %]

    <h3>Intent</h3>

    <ul>
        Provide a way to access the elements of
        an aggregate object sequentially without
        exposing its underlying representation.
    </ul>

    [% END %]
| Output #3:
|  | Iterator |  |
### Intent Provide a way to access the elements of an aggregate object sequentially without exposing its underlying representation.
Source #4:
    [% title = INCLUDE splash/text
                       style   = splash.style.select
    		   content = 'Singleton'
    %]

    [% WRAPPER splash/tabbox
    	   border    = 1
    	   pad       = 6
    	   fill      = 'grey75'
    	   edge      = 'black'
               width     = '50%'
    	   tabwidth  = '65%'
    	   tablocate = 'left'
    	   tabalign  = 'center'
    %]

    <h3>Intent</h3>

    <ul>
        Ensure a class has one instance and provide
        a global point of access to it.
    </ul>

    [% END %]
| Output #4:
|  | Singleton |  |
### Intent Ensure a class has one instance and provide a global point of access to it.