# Multi-Select Pill Tabs Popup

## Overview

![](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-MgCIhbSvG91cVm0a_eX%2F-MgCJwHfyqTLvcNjdMwK%2FScreen%20Shot%202021-08-03%20at%2011.43.01%20AM.png?alt=media\&token=dec54b4a-6d4b-4874-a22b-c451539cba8f)

Use this multi-select pill tabs popup to collect data for a Thing. This block includes the Multiselect Pills visual element from the Canvas UI elements plugin. 

## Structure

* The **CanvasMultiselectPills** plugin element can display any list of Things in pill-shaped tabs. The pills are responsive in width and will adjust based on the display text of each pill. 
* By default, the pill style will utilize your app's primary colors. You can adjust the styling within the property editor of the visual element. 

## How to set up

* Update the title and description text.
* In the **CanvasMultiselectPills** plugin element's property editor, update the type of content and data source of the plugin element.

{% hint style="info" %}
You do not need to add any workflows for the multi-select functionality. The plugin element has multi-select functionality built into it.
{% endhint %}

* Add a workflow to the Confirm Button to save the user's selections.

## Other customization options

* Change the alignment of the tabs from "left-justified" to "centered" or "right-justified" through the property editor's alignment dropdown. 
* Change the responsive behavior of the tabs from "wrap to the next line" to "scroll horizontally" or "scroll vertically" through the property editor's flow dropdown.