Roadmap
Here's a glimpse of what is coming up in future releases of Paste. Unless explicitly mentioned, all roadmap dates are tentative and subject to change.
| Component | Description |
|---|
| Accordion | Used to expand and collapse a collection of grouped sections of content
|
| Card Selection | Compositional example of how to select a card
|
| Inclusive Design Guide | Things to consider while building inclusive, accessible experiences for Twilio users.
|
| Component | Description |
|---|
| Alert Dialog | An alert dialog is used to confirm an action made by the user.
|
| Button Group | A group of connected Buttons
|
| Page header | Compositional examples of headings, breadcrumbs, and page level actions
|
| Table | Used to represent static tabular data
|
| Toast | Used to provide information to a user in a timely manor based on an action that has just been taken on the page
|
| Truncate | Truncate is a text utility that allows you to constraint long strings into a smaller container.
|
| Component | Description |
|---|
| Badge | Stylized piece of text
|
| Badge, Counter | Stylized number often representing a count
|
| Callout | TBD
|
| Data grid | Interactive data tables, that include selection, sorting, editing
|
| Data grid sort | TBD
|
| Date range picker | TBD
|
| Description list | TBD
|
| Empty/Error State | Can be used in situations where data is empty error states
|
| File Input | Input component used to upload or attach files
|
| Filter group | TBD
|
| Form composition | A group of components with sensible defaults used to quickly layout forms in a consistent manor
|
| Form fields, connected | TBD
|
| Grid Primitive | An unstyled functional primitive used to build accessible grids
|
| Modal, full-screen | Modal Dialog that covers then entire screen
|
| Modal, side | Modal Dialog that covers one side of screen
|
| Pagination | Controls that are used to navigate data when it is paged over multiple screens
|
| Pill | A representation of a selection that is typically used in multi-select UI controls such as comboboxes.
|
| Status indicator + label | Used to visually represent a status, system or user, with accompanying descriptive text. Could be used as "online", "offline", "active", "inactive"
|
| Tabs, nested | A set of tabs that can be used inside of another tabset that can create distinct visual hierarchy of that tabbed content
|
| Toggle switch | Used to toggle features on or off, similar to a mobile style switch
|
| Component | Description |
|---|
| Combobox, multiselect | TBD
|
| Dropzone | TBD
|
| Fixed/sticky page nav | TBD
|
| Form footer | TBD
|
| Motion | TBD
|
| Number input with stylized buttons | TBD
|
| Progress stepper/timeline | TBD
|
| Skeleton loader | TBD
|
| Summary detail | TBD
|
| Text, display/stats | TBD
|
| Component | Description |
|---|
| Alert / Status Primitive | TBD
|
| Button, round | TBD
|
| Chat log | TBD
|
| Keyboard shortcut | A component use to represent a keyboard key
|
| Progress bar | TBD
|
| Rich text editor | TBD
|
| Slider | TBD
|
| Tree | TBD
|
| Tree grid Primitive | TBD
|
| Treeview Primitive | TBD
|
| Component | Description |
|---|
| Charts (and visualization colors) | TBD
|
| Checkbox Button | A checkbox that looks like a Button
|
| Checkbox button group | A group of checkboxes that look like A Button Group
|
| Code editor | TBD
|
| Color picker | TBD
|
| Feed Primitive | TBD
|
| Hyphenate | TBD
|
| Listbox Primitive | TBD
|
| Live Region Primitive | TBD
|
| Radio button | A radio button that looks like a Button
|
| Text, inline code block | TBD
|
| Toolbar Primitive | TBD
|
| Tree Grid | TBD
|
| Component | Description |
|---|
| Accordion Primitive | An unstyled functional primitive that is used for the Accordion component, or to roll your own implementation.
|
| Alert Dialog Primitive | An unstyled functional primitive used to build accessible alert dialogs
|
| Breadcrumb | A navigation component to show page hierarchy and provide a means to navigate to parent pages
|
| Button Primitive | |
| Button Toggle | A Button that supports two states, pressed and unpressed similar to a like button
|
| Dark theme or inverse | TBD
|
| Data grid actions group | TBD
|
| Data table |
|
| Date picker | TBD
|
| Field Checkbox | TBD
|
| Field Select | TBD
|
| Field combobox | TBD
|
| Field input | An input component with sensible defaults so you can use the component a with minimal effort
|
| Field radio | TBD
|
| Field textarea | A textarea component with sensible defaults
|
| Illustrations | TBD
|
| Image | TBD
|
| Inline editing | TBD
|
| Meter | A component used a to show a unit of measure between to defined values
|
| Ordered list, stylized | TBD
|
| Portal | TBD
|
| Positioner | TBD
|
| Radio button group | A group of radio buttons that look like a Button Group
|
| Text, small | TBD
|
| Toolbar | TBD
|
| Unstyled List | TBD
|
| Visual picker | TBD
|