PUISegmentedPicker

This component allows the user to select from a predefined set of options. Provide an array options and this component will manage a state variable corresponding to the index of the selected option.

See PUIPicker for a similar component.

import {PUISegmentedPicker} from "./pstdl-ui";
import {ReactElement, useState} from "react";

export function TestBed(): ReactElement {

	const [mode, setMode] = useState(0);
	const options = ["Manual", "Vision", "Command"]

	return <div className={"TestBed"}>
		<PUISegmentedPicker
			label={"Drive Mode"}
			options={options}
			value={mode}
			setValue={setMode}
		/>
	</div>
}