toggle:controls

Description

The toggle controls directive

Usage

as element:

<toggle:controls
       labels="{string}"
       panes="{string}"
       [title="{string}"]>
</toggle:controls>

Directive info

• This directive creates new scope.

Parameters

Param	Type	Details
labels	string	Labels that describe each corresponding pane. There must be exactly the same number of labels as there are panes.
panes	string	This parameter associates the controls with the corresponding panes by referencing the panes’ id parameter.
title (optional)	string	The title of the pane controls.

Example

Source

<toggle:controls labels="Pane 1, Pane 2, Pane 3" panes="panes"></toggle:controls>
<toggle:panes id="panes">
    <toggle:pane>
        <h3 id="example_pane-1">Pane 1</h3>
    </toggle:pane>
    <toggle:pane>
        <h3 id="example_pane-2">Pane 2</h3>
    </toggle:pane>
    <toggle:pane>
        <h3 id="example_pane-3">Pane 3</h3>
    </toggle:pane>
</toggle:panes>

Result