toggle:pane
Table of Contents
Description
The toggle pane directive.
Usage
as element:
<toggle:pane
[visible="{boolean}"]>
</toggle:pane>Directive info
-
This directive creates new scope.
Parameters
| Param | Type | Details |
|---|---|---|
visible (optional) |
boolean |
Used 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>