# Component List
Infopiphany UI extends bootstrap framework (opens new window) and Tiptap (opens new window) for rich-text-editor and Vue-ads (opens new window) for tree-table components.
| Component | Description |
|---|---|
| Dropdown App | The dropdown app is a menu containing all the applications installed on the user's account. The dropdown app is different from the home screen because it contains every installed app and cannot be customized. |
| Button | Use Infopiphany's custom IpyButton component for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more. |
| Click Away | Click Away is a wrapper that acts as a blur event or when a user has clicked outside of its scoped element. Click Away may be used in detecting clicks outside of its scoped elements or wrapped elements. |
| Dropdown | Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format. |
| Form Wizard | The form wizard is a user interface design pattern that enables untrained users to achieve a goal through a series of steps. The user enters data in each view and proceeds to the next step until completion |
| Text Field | A text field is an input field that users can type into. It has a range of options and supports several text formats including numbers. |
| Text Editor | In most areas of the system where text can be entered, you can control the appearance of your text using the rich-text-editor, sometimes called a WYSIWYG (What You See Is What You Get). |
| Tree Select | A multi-select component with nested options support for Vue.js |
| Tree Table | For full documentation of tree-table please see tree-table (opens new window) |
| Page Layout | Page layout component is also available for single row layout. The developer can customize each component positioning in this layout. |
| Tier Layout | Infopiphany UI uses the powerful mobile-first flexbox grid (via the <b-row>, <b-form-row> and <b-col> components) to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, CSS Sass variables and mixins, and dozens of predefined classes. |