---
title: "State Dropdown Snippet"
slug: "state-dropdown-snippet"
updated: 2025-09-26T07:44:01Z
published: 2025-09-26T07:44:01Z
canonical: "docs.unqork.io/state-dropdown-snippet"
---

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

# State Dropdown Snippet

## Overview

The State Dropdown snippet provides you with a ready-to-use drop-down field containing all 50 U.S. states and the District of Columbia. Instead of adding each state into a data table, drop this snippet into your module and you're good to go.

Here's what the snippet looks like in Express View:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Templates_State_Dropdown_03.gif?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A13Z&se=2026-11-09T04%3A51%3A13Z&sr=c&sp=r&sig=xGTp51wQG1L8ohXL1nFpuP0WcTP6szU8PVlB0%2FcwvSQ%3D)

And here's what the snippet looks like in the Module Builder:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Snippet_State_Dropdown_01.gif?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A13Z&se=2026-11-09T04%3A51%3A13Z&sr=c&sp=r&sig=xGTp51wQG1L8ohXL1nFpuP0WcTP6szU8PVlB0%2FcwvSQ%3D)

## What You'll Learn

In this article, you'll learn:

- How to add the State Dropdown snippet.
- How the State Dropdown snippet works.
- How to remove the State Dropdown snippet.

## Adding the Snippet

To add the State Dropdown snippet to your module, do the following:

1. In the left sidebar of Module Builder, click the **Snippet** button.
2. Enter State Dropdown in the search bar.
3. Drag and drop the **State Dropdown** snippet onto your canvas.
4. **Save** your module.

The State Dropdown snippet is ready-to-use and requires no configuration or customization.

## How the Snippet Works

The State Dropdown snippet includes a Multi-Select Dropdown component pre-populated with state data. This snippet functions right off the shelf, and shouldn't need any further configuration.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Templates_State_Dropdown_04.jpg?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A13Z&se=2026-11-09T04%3A51%3A13Z&sr=c&sp=r&sig=xGTp51wQG1L8ohXL1nFpuP0WcTP6szU8PVlB0%2FcwvSQ%3D)

## Removing the Snippet

Removing a snippet from your module is simple. To remove the State Dropdown snippet:

1. In the Module Builder, hover over the **panelStateDropdown**.

A 5-button toolbar appears above the component on hover-over.
2. Using the toolbar, click the ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/AppBuildButton_Remove(30).jpg?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A13Z&se=2026-11-09T04%3A51%3A13Z&sr=c&sp=r&sig=xGTp51wQG1L8ohXL1nFpuP0WcTP6szU8PVlB0%2FcwvSQ%3D) (**Remove**) button.
3. **Save** your module.