> For the complete documentation index, see [llms.txt](https://developer.supervisely.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.supervisely.com/app-development/widgets/controls.md).

# Controls

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Button</strong></td><td><img src="/files/nDvV7WNLgaS4zH7YpEew" alt=""></td><td><mark style="color:purple;">User-interactive button that executes a command or triggers an event when clicked</mark></td><td><a href="/pages/TGi7dwhmQ6ERdGS1O2kH">/pages/TGi7dwhmQ6ERdGS1O2kH</a></td></tr><tr><td><strong>Checkbox</strong></td><td><img src="/files/LayKo9XXtMmEXYnfz07N" alt="" data-size="original"></td><td><mark style="color:purple;">Toggleable box that allows users to make binary choices, often used for multiple selections</mark></td><td><a href="/pages/4y9OQykWNygYtRWCXb1N">/pages/4y9OQykWNygYtRWCXb1N</a></td></tr><tr><td><strong>CheckboxField</strong></td><td><img src="/files/H9QW7uTYhNrjvyD4YH3J" alt="" data-size="original"></td><td><mark style="color:purple;">Toggleable box that allows users to make binary choices in form field</mark></td><td><a href="/pages/SxKj67IHK4OGZAQvWVvE">/pages/SxKj67IHK4OGZAQvWVvE</a></td></tr><tr><td><strong>Radio Group</strong></td><td><img src="/files/sZuHVtimFDRbLsmULnk2" alt=""></td><td><mark style="color:purple;">Group of options where only one can be selected at a time, suitable for mutually exclusive choices</mark></td><td><a href="/pages/oxx6urdRLRU74lZMJcrI">/pages/oxx6urdRLRU74lZMJcrI</a></td></tr><tr><td><strong>Switch</strong></td><td><img src="/files/Lenzo1s9yugByBrc0YI7" alt=""></td><td><mark style="color:purple;">Control that provides a visual cue for enabling or disabling a feature or setting</mark></td><td><a href="/pages/PoMpsZZOTEeb5NEOMHji">/pages/PoMpsZZOTEeb5NEOMHji</a></td></tr><tr><td><strong>Slider</strong></td><td><img src="https://user-images.githubusercontent.com/79905215/224255842-6cecad1a-0502-4dea-9cb7-f891cf9c96a7.png" alt="" data-size="original"></td><td><mark style="color:purple;">Control that lets users select a value by sliding a knob within a range on a track</mark></td><td><a href="/pages/RzxBo9g4V9NiUtmX0szE">/pages/RzxBo9g4V9NiUtmX0szE</a></td></tr><tr><td><strong>TrainValSplits</strong></td><td><img src="https://github-production-user-asset-6210df.s3.amazonaws.com/118521851/265455762-61b03206-afed-40c9-92e5-6feef71ed248.png" alt="" data-size="original"></td><td><mark style="color:purple;">Interface for specifying parameters to divide data into training and validation subsets for model training</mark></td><td><a href="/pages/SZmrnviMW8BRZhYjPHO9">/pages/SZmrnviMW8BRZhYjPHO9</a></td></tr><tr><td><strong>FileStorageUpload</strong></td><td><img src="https://user-images.githubusercontent.com/79905215/224288968-b3edf93e-2bd9-4a26-94f8-41165e0e3387.png" alt="" data-size="original"></td><td><mark style="color:purple;">Tool for uploading one or more files from the user's device, featuring progress indication and drag-and-drop support</mark></td><td><a href="/pages/eCl68azJny06UNiCsa4G">/pages/eCl68azJny06UNiCsa4G</a></td></tr><tr><td><strong>Timeline</strong></td><td><img src="/files/ASJMUC7pTV9mpt5iE37R" alt="" data-size="original"></td><td><mark style="color:purple;">Interactive timeline for navigating video frames and segment highlights</mark></td><td><a href="/pages/g4nQHlciN1abi57jn7CS">/pages/g4nQHlciN1abi57jn7CS</a></td></tr><tr><td><strong>Pagination</strong></td><td><img src="/files/dwUw2FHWRmdaGFw2PXbi" alt="" data-size="original"></td><td><mark style="color:purple;">Page selector. If you have too much data to display in one page, use pagination.</mark></td><td><a href="/pages/srHJHBTPSeEHyDmwZYoT">/pages/srHJHBTPSeEHyDmwZYoT</a></td></tr></tbody></table>