Navigation Indicator

Components

Play around with props, edit and copy code.

<CodeViewerExample>
  <NavigationIndicator>
    <NavigationIndicatorPrev
      disabled
      onClick={function noRefCheck() {}}
    />
    <NavigationIndicatorDot
      isActive
      onClick={function noRefCheck() {}}
    />
    <NavigationIndicatorDot
      onClick={function noRefCheck() {}}
    />
    <NavigationIndicatorDot
      onClick={function noRefCheck() {}}
    />
    <NavigationIndicatorNext
      onClick={function noRefCheck() {}}
    />
  </NavigationIndicator>
</CodeViewerExample>

Properties

NavigationIndicator

Prop name	Type	Description
branding	string	Set branding
children	node	Content
className	string	Add custom class

NavigationIndicatorDot

Prop name	Type	Description
children	node	Content
className	string	Add custom class
isActive	bool	Current active page

NavigationIndicatorNext

Prop name	Type	Description
branding	string	Set branding
children	node	Content
className	string	Add custom class

NavigationIndicatorPrev

Prop name	Type	Description
branding	string	Set branding
children	node	Content
className	string	Add custom class

Accessibility

This component has been validated to meet the WCAG 2.1 AA accessibility guidelines.