Skip to main content

​
Description

The toggle pane directive.

​
Usage

as element: 
<toggle:pane
       [visible="{boolean}"]>
</toggle:pane>

​
Directive info

  • This directive creates new scope.

​
Parameters

ParamTypeDetails
visible (optional)booleanUsed to denote if the pane should be shown by default.

​
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

Result