Ionic UI Components

🚧

Important Note

This document provides links to detailed overviews of each component, including descriptions of properties specific to these UI components. For properties common to most UI components, please refer to the General Components documentation.

Below is the complete list of Ionic UI components available in the visual App Builder PALETTE:

Available Components

Audio - Audio playback component for media content

Button - Interactive button component for user actions

Card - Container component for displaying grouped content

Chart - Data visualization component for charts and graphs

Checkbox - Input component for boolean selections

DataTable - Table component for displaying structured data

Datetime - Input component for date and time selection

Divider - Visual separator component for content sections

File Picker - Input component for file selection and upload

Form - Container component for grouping form elements

Google Map - Interactive map component with full Google Maps functionality

Google Map Lite - Lightweight map component with basic functionality

Grid - Layout component for organizing content in rows and columns

HTML - Component for rendering custom HTML content

Icon - Display component for icons and symbols

Image - Display component for images and graphics

Input - Text input component for user data entry

Link - Navigation component for hyperlinks

List - Container component for displaying items in a structured format

RadioGroup - Input component for single-choice selections

Range - Input component for selecting values within a range

Reorder - Interactive component for reordering list items

Search - Input component with search functionality

Select - Dropdown component for option selection

Spinner - Loading indicator component

Text - Display component for text content

Textarea - Multi-line text input component

Toggle - Switch component for on/off states

Toolbar - Header component for navigation and actions

Validation - Component for form validation and error handling

Video - Video playback component for media content

---

Each component documentation includes detailed information about properties, styling options, and implementation examples specific to that component type.