XorNavigator

A navigator component allowing selection from a set of values with previous and next controls.

Choose an example

Events

changed

[payload]

Usage

<XorNavigator
  currentValue='value1'
  label='navigator label'
  on:change={onChange}
  valuesToLabels={{
    value1: 'Label 1',
    value2: 'Label 2',
    value3: 'Label 3',
  }}
/>

Props

`currentValue`

"value1"

`label`

"navigator label"

`valuesToLabels`

▶ { value1: "Label 1" ,value2: "Label 2" ,value3: "Label 3" }

value1: "Label 1"
value2: "Label 2"
value3: "Label 3"

navigator label

Label 1