fr:wizard
component presents the nested list of fr:section
elements as a series of navigable steps, with only one section is visible at a time. The component also shows a table of contents and buttons allowing users to navigate between sections.fr:wizard
also supports optional navigation through the first level of subsections.sectionref
attribute allows reading and writing the current top-level section name to instance data.-section
or -control
suffix. So in this example, the value stored will be personal-data
or comments
.subsections-nav
attribute on top-level fr:section
elements can be used to explicitly disable subsection navigation with:subsections-nav="false"
.fr-prev
and fr-next
events to the wizard component to navigate forward/backward:fr-section-shown
event with the following properties:section-name
xs:string
validate
xs:boolean
separate-toc
xs:boolean
fr-toc-shown
event with the following properties:validate
xs:boolean
separate-toc
xs:boolean