Components

Preview

Preview theme

Available4

Selected2

Output

Design system → Documentation

[
  {
    "id": "design",
    "label": "Design system"
  },
  {
    "id": "docs",
    "label": "Documentation"
  }
]

Waiting for action

Copy this complete component into a page file. Edit and run it in the Playground.

Loading editor…

Loading preview…

Prop	Type	Default	Description
`available`	`DualListItem[]`	—	All options.
`selectedIds`	`string[]`	—	Selected ids.
`onChange`	`(selectedIds) => void`	—	Update handler.

Prop	Type	Default	Description
`available`	`DualListItem[]`	—	All options.
`selectedIds`	`string[]`	—	Selected ids.
`onChange`	`(selectedIds) => void`	—	Update handler.