> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mainly.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Controls

> Configurable input and display elements for nodes

A [receiver](/core_concepts/attributes#recievers) can be configured with a control which adds special GUI features to the node. There are several controls to choose from:

## Input Controls

<CardGroup cols={2}>
  <Card title="Textbox" icon="input-text" href="/controls/textbox">
    A text field or textbox for entering text.
  </Card>

  <Card title="Select" icon="list-dropdown" href="/controls/select">
    A dropdown list for selecting a menu item.
  </Card>

  <Card title="KVSelect" icon="key" href="/controls/kv-select">
    A Select control which takes its options from a key-value dictionary.
  </Card>

  <Card title="Slider" icon="sliders" href="/controls/slider">
    A slider for selecting a value from a range.
  </Card>

  <Card title="Checkbox" icon="square-check" href="/controls/checkbox">
    A checkbox for selecting a boolean value.
  </Card>

  <Card title="File" icon="file-arrow-up" href="/controls/file">
    A file upload control with camera and microphone capture support.
  </Card>

  <Card title="CodeEditor" icon="code" href="/controls/codeeditor">
    A code editor with syntax highlighting.
  </Card>

  <Card title="ImageMask" icon="draw-square" href="/controls/imagemask">
    An annotation tool for image masking.
  </Card>
</CardGroup>

## Display Controls

<CardGroup cols={2}>
  <Card title="Image" icon="image" href="/controls/image">
    An image control for displaying an image.
  </Card>

  <Card title="Video" icon="video" href="/controls/video">
    A video player control.
  </Card>

  <Card title="Audio" icon="volume-high" href="/controls/audio">
    An audio player control.
  </Card>

  <Card title="Markdown" icon="markdown" href="/controls/markdown">
    A Markdown control for displaying formatted text.
  </Card>

  <Card title="Plotly" icon="chart-line" href="/controls/plotly">
    A Plotly control for displaying a Plotly graph.
  </Card>

  <Card title="Table" icon="table" href="/controls/table">
    A Table control for displaying tabular data.
  </Card>

  <Card title="Notice" icon="bell" href="/controls/notice">
    A notification message display.
  </Card>

  <Card title="ChatPreview" icon="message" href="/controls/chatpreview">
    A preview display for chat conversations.
  </Card>
</CardGroup>

## Action Controls (Advanced)

<CardGroup cols={2}>
  <Card title="ContinueButton" icon="circle-play" href="/controls/continuebutton">
    A button to continue workflow execution.
  </Card>

  <Card title="RunUntilButton" icon="forward-step" href="/controls/rununtilbutton">
    A button to run the graph until this node.
  </Card>

  <Card title="DynamicNodeCompileButton" icon="rotate" href="/controls/dynamicnodecompilebutton">
    A button to recompile dynamic nodes.
  </Card>
</CardGroup>