bp-sdk-question-set-navigation

Custom element hooks

Name	Description
bp-sdk-external-question-set-navigation	disables html

Classes

Name	Description
bp-sdk-question-set-navigation__container	Root navigation element
bp-sdk-question-set-navigation__list	Unsorted list element container for displaying question sets
bp-sdk-question-set-navigation__list-item	List item for a question set
bp-sdk-question-set-navigation__list-item--active	Dynamic class for active question set
bp-sdk-question-set-navigation__list-item--completed	Dynamic class for a completed question set
bp-sdk-question-set-navigation__list-item--parent	Dynamic class for a parent question set item
bp-sdk-question-set-navigation__list-item--child	Dynamic class for a child question set item
bp-sdk-question-set-navigation__list-item-button	Button element that triggers question set change
bp-sdk-question-set-navigation__list-item-content	Span element within button with text to display

Properties

Property	Attribute	Description	Type	Default
activeId	active-id	Active question set id	string	undefined
isNavigationEnabled	is-navigation-enabled	Question set navigation enabled/disabled	boolean	true
questionSets	--	Potential question sets	TQuestionSetNavigationItem[]	[]

Events

Event	Description	Type
activeIdUpdate	Event to update active question set ID	CustomEvent<string>

Dependencies

Used by

• bp-sdk-question-set-navigation-container

Graph

graph TD; bp-sdk-question-set-navigation-container --> bp-sdk-question-set-navigation style bp-sdk-question-set-navigation fill:#f9f,stroke:#333,stroke-width:4px

---

Built with StencilJS