Toggle Buttons

• A set of options the user can toggle between.

import { ToggleButtons } from '@viamrobotics/prime-core';

Default

Favorite animal

Fan lizard Mountain banshee Buzzard wasp

<Label>
  Favorite animal
  <div
    class="w-fit"
    slot="input"
  >
    <ToggleButtons
      options={['Fan lizard', 'Mountain banshee', 'Buzzard wasp']}
      selected="Fan lizard"
    />
  </div>
</Label>

Disabled

Favorite animal

Fan lizard Mountain banshee Buzzard wasp

<Label>
  Favorite animal
  <div
    class="w-fit"
    slot="input"
  >
    <ToggleButtons
      disabled
    />
  </div>
</Label>