# Explore All Flow Screen Components

## Overview

Ready to dive into a world of possibilities? Check out the vast collection of supported components for Screen Flows!

<table><thead><tr><th>Illustration</th><th width="158.33333333333334">Name</th><th>Description</th></tr></thead><tbody><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fwkd9Uc9o8tLnTJpjefFJ%2FAlert%20-%20Cover.png?alt=media&#x26;token=33d1b1f3-0898-4217-8210-9243e0f34c8f" alt=""></td><td><a href="alert"><strong>Alert</strong></a></td><td>Display important information to the user.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FC4qXvZuXiFPe4E9Oi53H%2FAudio%20Player%20-%20Cover.png?alt=media&#x26;token=8d6e3886-7271-4163-b59f-c1a1e4a5b313" alt=""></td><td><a href="audio-player"><strong>Audio Player</strong></a></td><td>Offers control over customizable audio features.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FBavaHn7F6ReyRs0YidSx%2FAvatar%20-%20Cover.png?alt=media&#x26;token=75cf1130-33cf-4226-8baf-370e8348865d" alt=""></td><td><a href="avatar"><strong>Avatar</strong></a></td><td>Visual representation of a user or entity.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FL0TAAk73WpgadW2hwQaC%2FAvatar%20Group%20-%20Cover.png?alt=media&#x26;token=879a6c7b-c459-4058-9844-89cf8ce97186" alt=""></td><td><a href="avatar-group"><strong>Avatar Group</strong></a></td><td>Collection of Avatar displayed in a grid or row.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F4nzHwGHAeUsUiZnuirrV%2FBar%20Code%20-%20Cover.png?alt=media&#x26;token=35c301bf-d786-4e77-a5ac-fc3c94b2074f" alt=""></td><td><a href="barcode"><strong>Barcode</strong></a></td><td>Visual representation of data in the form of a series of lines or patterns.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FVsFILd0peLCkAJfwqRqH%2FBar%20Code%20Scanner%20-%20Cover.png?alt=media&#x26;token=c1e4bc6b-4a07-451b-8013-4325c7ba206a" alt=""></td><td><a href="barcode-scanner"><strong>Barcode Scanner</strong></a></td><td>Allows the user to scan and read barcodes using their device's camera.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FKXNM6YIqSDIJUCbpM5Hr%2FAvonni%20Illustrations%20Table.png?alt=media&#x26;token=4e4dc6a3-8ab4-426e-ba44-5e695801e115" alt=""></td><td><a href="biometrics"><strong>Biometrics</strong></a></td><td>Integrate device-level biometric authentication into your Screen Flows.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F9jYM2XosnYNXOpSNI7ls%2FBlockquote%20-%20Cover.png?alt=media&#x26;token=fd2c301c-c981-4ebf-ba0c-b1ffecaa143d" alt=""></td><td><a href="blockquote"><strong>Blockquote</strong></a></td><td>Visually distinguish a quotation or excerpt from the surrounding text.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F1lBSQY9AXKpxp672cfd8%2FButton%20-%20Cover.png?alt=media&#x26;token=4fc6e5fd-16ef-49ef-82b3-f1d5fe30a518" alt=""></td><td><a href="button"><strong>Button</strong></a></td><td>Allows the user to initiate an action or process.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FQ24MEVEKQNVzEZ3mM37Y%2FButton%20-%20Cover.png?alt=media&#x26;token=d1576d34-a4b3-412e-8c6e-dc02ad21960f" alt=""></td><td><a href="button-group"><strong>Button Group</strong></a></td><td>Enables swift, easy navigation through flows via customizable action buttons.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FL677A5fr5yDsTRhm8vYf%2FButton%20Icon%20-%20Cover.png?alt=media&#x26;token=2ab76e48-c451-43d7-a4b0-1329e96358c8" alt=""></td><td><a href="button-icon"><strong>Button Icon</strong></a></td><td>Clickable icon to trigger actions on flow screens.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FPcVPq5i5nWG5skeyvoHq%2FButton%20Menu%20-%20Cover.png?alt=media&#x26;token=326f4fdf-9c92-4987-ae0f-48224c1465a5" alt=""></td><td><a href="button-menu"><strong>Button Menu</strong></a></td><td>Displays a list of options as a dropdown menu triggered by a button.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FbOKsMszxQHXOXMCmLb01%2FCalendar-%20Cover.png?alt=media&#x26;token=b8fa5005-b08f-4b24-8c50-2f7f6e95b139" alt=""></td><td><a href="calendar"><strong>Calendar</strong></a></td><td>A dynamic component for scheduling and resource management.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fa2tqGo90PDcgyH6ypFhc%2FCarousel%20-%20Cover.png?alt=media&#x26;token=6932ef16-9769-48af-b097-61c83366491f" alt=""></td><td><a href="carousel"><strong>Carousel</strong></a></td><td>Displays a series of images in a rotating or sliding sequence.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FCmKpGEVwtIMmtI1JZ9Ji%2FChart%20-%20Cover.png?alt=media&#x26;token=cbac0f9a-b35b-4dc2-8f91-b3a26ed9440c" alt=""></td><td><a href="chart"><strong>Chart</strong></a></td><td>Create visually compelling, interactive charts directly within the Salesforce Flow Builder.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FMA4IyfSVA14GSSq31Mcq%2FChipContainer%20(1).png?alt=media&#x26;token=5eded4b6-2dbe-48aa-87b7-c99ae0e48aa5" alt=""></td><td><a href="chip-container"><strong>Chip Container</strong></a></td><td>It enhances user interaction with categorized information and streamlines the overall user experience.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FzrqAqwsqwburLibQAvs6%2FColor%20Picker%20-%20Cover%20(1).png?alt=media&#x26;token=b3477dab-a6c2-44a3-bb22-be24bcdc1a76" alt=""></td><td><a href="color-picker"><strong>Color Picker</strong></a></td><td>Allows the user to select a specific color from a palette or spectrum.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F2J2OvQbV7ZURuoXY05kq%2FCombobox%20-%20Cover.png?alt=media&#x26;token=6cbfec7f-07aa-4979-8e0b-9d6f6b285463" alt=""></td><td><a href="combobox"><strong>Combobox</strong></a></td><td>Allows the user to select an option from the dropdown menu.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F6iV5W5gv7MATWkil8UNU%2FCSV%20Parser%20-%20Cover.png?alt=media&#x26;token=4fcedea4-94c4-45ac-b82e-7a1576425263" alt=""></td><td><a href="csv-parser"><strong>CSV Parser</strong></a></td><td>Simplifies CSV data integration into Salesforce.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FarpqvBH9V6otJzSFxaOy%2FDate%20Time%20Picker%20-%20Cover.png?alt=media&#x26;token=5b582da3-575b-4128-8c5e-1e57dd8cb515" alt=""></td><td><a href="date-time-picker"><strong>Date Picker</strong></a></td><td>Displays a calendar of dates and allows the user to select a specific date or range of dates.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FQaiH5RZnEgPiPxT3R1lt%2FDatatable%20-%20Cover.png?alt=media&#x26;token=a2e01f53-859f-4109-86b6-41e04eeb9d6e" alt=""></td><td><a href="data-table"><strong>Data Table</strong></a></td><td>Displays tabular data in a grid of rows and columns.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FarpqvBH9V6otJzSFxaOy%2FDate%20Time%20Picker%20-%20Cover.png?alt=media&#x26;token=5b582da3-575b-4128-8c5e-1e57dd8cb515" alt=""></td><td><a href="date-time-picker"><strong>Date Time Picker</strong></a></td><td>Allows the user to select a specific date and time.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FuoKraw18hACoPyb0Udfa%2FAvonni%20Illustrations%20(32).png?alt=media&#x26;token=9af3c56b-c10a-43cd-b5c6-0560c38d9d65" alt=""></td><td><a href="document-scanner"><strong>Document Scanner</strong></a></td><td>Captures text from documents using mobile camera.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F01AsElhMmJTuKs2OH0KN%2FDual%20Listbox%20-%20Cover.png?alt=media&#x26;token=26f364ad-86b7-4470-a853-fd8d11fcb8ca" alt=""></td><td><a href="dual-listbox"><strong>Dual Listbox</strong></a></td><td>Displays two lists of items and allows the user to move items between the lists.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FMPFk1TxIpKy8yfu5gdYg%2FExpandable%20Section%20-%20Cover.png?alt=media&#x26;token=54a2a09b-ff9f-4285-9e84-c949db7027ce" alt=""></td><td><a href="expandable-section"><strong>Expandable Section</strong></a></td><td>Allows the user to toggle the visibility of a section of content.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F8JgTmm5RFN0BTvIRmyvX%2FFormatted%20Address%20-%20Cover%20(1).png?alt=media&#x26;token=bc4bd0f6-de78-4dd7-9fbb-731e5639f848" alt=""></td><td><a href="formatted-address"><strong>Formatted Address</strong></a></td><td>Streamlines address entry, auto-formats data, and updates a static map in real-time.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FGBTGTxDd0Eqtyod2EVKx%2FFormatted%20Name%20-%20Cover%20(1).png?alt=media&#x26;token=cb53f7e4-4719-46b5-aed3-cc8beb530623" alt=""></td><td><a href="formatted-name"><strong>Formatted Name</strong></a></td><td>Standardizes name entry, validates data in real-time, and improves user experience.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FGBTGTxDd0Eqtyod2EVKx%2FFormatted%20Name%20-%20Cover%20(1).png?alt=media&#x26;token=cb53f7e4-4719-46b5-aed3-cc8beb530623" alt=""></td><td><a href="formatted-value"><strong>Formatted Value</strong></a></td><td>Standardizes real-time Salesforce data entry and display, ensuring accuracy and uniformity.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FDhPQtqNCJJXlmvQZdDzU%2FHeader%20-%20Cover.png?alt=media&#x26;token=81f2a276-51ea-4f5a-a17e-f6540864db90" alt=""></td><td><a href="header"><strong>Header</strong></a></td><td>Provides context and navigation for the content below.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FPcVPq5i5nWG5skeyvoHq%2FButton%20Menu%20-%20Cover.png?alt=media&#x26;token=326f4fdf-9c92-4987-ae0f-48224c1465a5" alt=""></td><td><a href="icon-picker"><strong>Icon Picker</strong></a></td><td>Allows the user to select an icon from a collection of icons.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FTWXVtQOI5q8tlrWVZqfB%2FIllustration%20-%20Cover.png?alt=media&#x26;token=157a7ec8-f1f6-4e94-b696-c615141c26fb" alt=""></td><td><a href="illustration"><strong>Illustration</strong></a></td><td>Image and inline text to communicate a state in a friendly way.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FNQMbZDhCz1XBe7UaATNL%2FImage%20-%20Cover.png?alt=media&#x26;token=c9bb1b49-13d5-4941-8589-e05292f6b321" alt=""></td><td><a href="image"><strong>Image</strong></a></td><td>Display a photograph, an illustration, or any other type of visual content.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F1BRqSigz3AdHk1fvmB74%2FAvonni%20Illustrations%20ChoiceSet.png?alt=media&#x26;token=91dbf871-9c54-4f56-99fb-0852330a77eb" alt=""></td><td><a href="input-choice-set"><strong>Input Choice Set</strong></a></td><td>Customizable input fields for user data collection.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fy1CdySby7qJ020Gq6bXG%2FInput%20Date%20Range%20-%20Cover%20(1).png?alt=media&#x26;token=66e26250-8640-4f8d-b005-fd765c16dd54" alt=""></td><td><a href="input-choice-set-grid"><strong>Input Choice Set Grid</strong></a></td><td>Present a collection of choices in a visually organized grid layout</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FGMQUrchon3AcnBz1iKpL%2FInput%20Counter.png?alt=media&#x26;token=402af25b-d318-4e65-a31b-5c05b21ed54e" alt=""></td><td><a href="input-counter"><strong>Input Counter</strong></a></td><td>Simplifies numeric input within flows by providing a user-friendly interface.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FK8YNDe8VFeEh2rN25klD%2FInput%20Date%20Range%20-%20Cover.png?alt=media&#x26;token=3a043607-3236-4572-9975-b47c56fc1b43" alt=""></td><td><a href="input-date-range"><strong>Input Date Range</strong></a></td><td>Streamlines date selection</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FqycHY2E70OLNSTdqj6T8%2FInput%20Pen%20-%20Cover.png?alt=media&#x26;token=dc17eaac-9ea7-46e0-bcc4-4973778fdab9" alt=""></td><td><a href="input-pen"><strong>Input Pen</strong></a></td><td>Enables users to provide handwritten input within flows.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FRoNvzurZ81ECMgSYoe8c%2FKanban%20-%20Cover.png?alt=media&#x26;token=17238e2c-abc2-4b11-a65b-a499d8c6eb45" alt=""></td><td><a href="kanban"><strong>Kanban</strong></a></td><td>Trello-like visual board for Salesforce; manages workflow in real-time.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FlG48VVZEjnTKUHAihP6g%2FList%20-%20Cover.png?alt=media&#x26;token=cb541766-f4dd-401e-83cf-ba4d0388b24d" alt=""></td><td><a href="list"><strong>List</strong></a></td><td>The List allows users to view and interact with collections of items or records.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fw9LqBvk4N1y1AcJEtYBe%2FMap%20-%20Cover.png?alt=media&#x26;token=3a142582-cefd-43b3-8c61-8da09be0c3c0" alt=""></td><td><a href="map"><strong>Map</strong></a></td><td>The Map provides a visually engaging interface for displaying locations, routes, or areas.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F26yD66gsg8ZqsdxUbKFu%2FMetric%20-%20Cover.png?alt=media&#x26;token=3d624bf1-3a72-4ddc-88d9-b34619fd6a10" alt=""></td><td><a href="metric"><strong>Metric</strong></a></td><td>Highlights essential data and helps users quickly grasp the significance information.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FBjAuaWq0XyRuAtv5YYZW%2FAvonni%20Illustrations%20Microphone%20(1).png?alt=media&#x26;token=d06ba079-5607-4daa-91dc-162b6b82371d" alt=""></td><td><a href="microphone"><strong>Microphone</strong></a></td><td>Capture and store audio recordings directly in Salesforce.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FwLu0AYnto3kFUrRChV4M%2FNavigation%20(1).png?alt=media&#x26;token=ac35b04e-da0a-4bd9-9b44-f18adcab029b" alt=""></td><td><a href="navigation"><strong>Navigation</strong></a></td><td>Enhances screen navigation, facilitating structured, intuitive user interfaces.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FkoHotDQhLWxSaSFoeab5%2FAvonni%20Component%20Builder%20Illustrations%20(5).png?alt=media&#x26;token=2900ce0e-e986-4dc8-a459-e8cbd2c96822" alt=""></td><td><a href="nfc-scanner"><strong>NFC Scanner</strong></a></td><td>Mobile Salesforce component for NFC tag reading and writing.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FrtKreC7JQf2gp4YRRn9S%2FPill%20Container%20-%20Cover.png?alt=media&#x26;token=3f74f51d-97a2-4b31-9dc0-2fee495f50e3" alt=""></td><td><a href="pill-container"><strong>Pill Container</strong></a></td><td>Interact and manage categorized information, ensuring a streamlined and intuitive experience.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FqRECb0QKYWHIalrnJvde%2FProgress%20Bar%20-%20Cover.png?alt=media&#x26;token=881168a5-ca21-4c85-9455-27a882cdd035" alt=""></td><td><a href="progress-bar"><strong>Progress Bar</strong></a></td><td>Display progress towards a goal or completion within flows.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FADNwN5BnJD20y3eWOEPO%2FProgress%20Circle%20-%20Cover.png?alt=media&#x26;token=64cb96b8-37f6-4aee-813c-0c5f4092a27a" alt=""></td><td><a href="progress-circle"><strong>Progress Circle</strong></a></td><td>Provides a captivating circular display of progress towards a goal within flows.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FLpdudacFjNCGy1z6WqYB%2FProgress%20Indicator%20-%20Cover.png?alt=media&#x26;token=056ef266-3b0c-4ab2-a6b3-25a92a90dfc0" alt=""></td><td><a href="progress-indicator"><strong>Progress Indicator</strong></a></td><td>Show task status in a step-by-step process, aiding user understanding and motivation.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FAXJJeWiyuwxFToNLOmP6%2FProgress%20Popover%20-%20Cover.png?alt=media&#x26;token=1d85ffbe-4597-4cb3-8267-73a34647c5e4" alt=""></td><td><a href="progress-popover"><strong>Progress Popover</strong></a></td><td>Shows task status and completion, allowing users to track progress without interrupting workflow.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FAwS4l6lX2FonORkglX1w%2FQr%20Code%20-%20Cover.png?alt=media&#x26;token=38734f51-3ba1-497b-92b6-52700fa1fee3" alt=""></td><td><a href="qr-code"><strong>Qr Code</strong></a></td><td>Interpret QR codes, providing quick access to related information or actions.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Ffqh8G4dnKyL8g4T8GOET%2FRating%20-%20Cover.png?alt=media&#x26;token=e93f9efd-e2c2-4ac7-b619-f9c6fcdf9ef9" alt=""></td><td><a href="rating"><strong>Rating</strong></a></td><td>Allow users to provide feedback or rate products, services, or experiences on a scale.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FxeQ6W7R9DuQWvqOhqUhk%2FAvonni%20Illustrations%20(8).png?alt=media&#x26;token=c812c488-4997-4b47-a0f6-7c70df79233d" alt=""></td><td><a href="record-detail"><strong>Record Detail</strong></a></td><td>Offering customizable, user-friendly layouts for displaying multiple record fields.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fmws6vmkaM5G4ORTPc1sX%2FScoped%20Notification%20-%20Cover.png?alt=media&#x26;token=bab6d3d6-d5ae-4215-88b8-db43acb15c73" alt=""></td><td><a href="scoped-notification"><strong>Scoped Notification</strong></a></td><td>Displays notification messages with optional action buttons.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FOmV9r2vmSlUxaVcpQsRm%2FSeparator%20-%20Cover.png?alt=media&#x26;token=413b727c-071d-414b-9633-2ba4f728189b" alt=""></td><td><a href="separator"><strong>Separator</strong></a></td><td>Visually divides content into sections with horizontal lines.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FT6LuZoCQCrgKvNYVk3Rd%2FSlider%20-%20Cover.png?alt=media&#x26;token=b2f2357f-7530-4826-b79a-4990ac833aac" alt=""></td><td><a href="slider"><strong>Slider</strong></a></td><td>Allow users to select a value within a defined range by sliding a visual control.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FWka6rDbfsfbrRIvkJH3J%2FTabs%20-%20Cover%20(1).png?alt=media&#x26;token=3c4899d8-7d64-47ea-8dde-9dd833394ff0" alt=""></td><td><a href="tabs"><strong>Tabs</strong></a></td><td>Display multiple content sections in a compact layout, allowing users to switch between them.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fhi7jNRB4refpMVHrgM4y%2FTextarea%20-%20Cover.png?alt=media&#x26;token=8436f728-1555-466a-a8e8-d6ccc0b2d776" alt=""></td><td><a href="text-area"><strong>Text Area</strong></a></td><td>Allow users to input or view more significant amounts of text within a defined area.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FBVG3hMy9vNULV11CZar2%2FInput%20Date%20Range%20-%20Cover.png?alt=media&#x26;token=9cec5797-cd71-4560-9686-db2fcb30f42e" alt=""></td><td><a href="tree"><strong>Tree</strong></a></td><td>Display hierarchical data in an expandable/collapsible tree structure.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FAdEmoAfJSKOGiUf2x2HM%2FActivity%20Timeline%20-%20Cover.png?alt=media&#x26;token=ebcea2d1-8be3-4662-b61e-fcd78621b4fa" alt=""></td><td><a href="timeline"><strong>Timeline</strong></a></td><td>Display a series of events or activities.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FgxWT96u45Jof9qUlPW5v%2FUser%20Location%20-%20Cover.png?alt=media&#x26;token=5d773457-cc34-463c-8202-84715b0c9e9e" alt=""></td><td><a href="user-location"><strong>User Location</strong></a></td><td>Display the user's location or allow the user to set their location.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fi3eSbzWMPk8e8WjmKArE%2FVertical%20Visual%20Picker%20-%20Cover.png?alt=media&#x26;token=221d2fd3-55bc-40cd-892a-9ae1831ca26a" alt=""></td><td><a href="vertical-visual-picker"><strong>Vertical Visual Picker</strong></a></td><td>Display and allow selection from a list of options in a vertical layout.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F209JNie4FYynlhG6doCq%2FVideo%20Player%20-%20Cover.png?alt=media&#x26;token=c8ca5925-a276-4d2f-8f12-e53360eeae86" alt=""></td><td><a href="video-player"><strong>Video Player</strong></a></td><td>Offers customizable and seamless video playback.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F62GchJQt3hS8QE4kdVQe%2FVisual%20Picker%20-%20Cover.png?alt=media&#x26;token=0373258a-3733-43b4-b43f-0120e1f8371a" alt=""></td><td><a href="visual-picker"><strong>Visual Picker</strong></a></td><td>Display and allow selection from a list of options using visual elements.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FgsMqsbYWydkgByYaexW1%2FVisual%20Picker%20Link%20-%20Cover.png?alt=media&#x26;token=6dac1322-717c-4c0a-b72a-644c7c987c82" alt=""></td><td><a href="visual-picker-link"><strong>Visual Picker Link</strong></a></td><td>Opens external content in visually enhanced box.</td></tr><tr><td><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FUprYqpKGlsokTurPJKMC%2FWelcomeMat%20-%20Cover.png?alt=media&#x26;token=52d486b1-576f-41cc-b0cd-aa45b4e1361a" alt=""></td><td><a href="welcome-mat"><strong>Welcome Mat</strong></a></td><td>Interactive guide with clickable tiles for tutorials, info, navigation</td></tr></tbody></table>
