FilmStripDiscreteControl
Code Snippet
<FilmStripDiscreteControl value="4" label="Traffic Light"
frameWidth={103} frameHeight={260} frameCount={8}
imageHref="/images/demo/traffic-light-filmstrip.png"
onChange={(e) => setValue(e.value)}
>
<OptionView value="1">State 1</OptionView>
<OptionView value="2">State 2</OptionView>
<OptionView value="3">State 3</OptionView>
<OptionView value="4">State 4</OptionView>
<OptionView value="5">State 5</OptionView>
<OptionView value="6">State 6</OptionView>
<OptionView value="7">State 7</OptionView>
<OptionView value="8">State 8</OptionView>
</FilmStripDiscreteControl>