Components – legacy
Navigation IndicatorPlay 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 | Default Value | Description |
|---|---|---|---|
| branding | string | Set branding | |
| children | node | Content | |
| className | string | Add custom class |
NavigationIndicatorDot
| Prop name | Type | Default Value | Description |
|---|---|---|---|
| children | node | Content | |
| className | string | Add custom class | |
| isActive | bool | Current active page |
NavigationIndicatorNext
| Prop name | Type | Default Value | Description |
|---|---|---|---|
| branding | string | Set branding | |
| children | node | Content | |
| className | string | Add custom class |
NavigationIndicatorPrev
| Prop name | Type | Default Value | 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.