📄️ Address
The Address component is a smart address input that connects to the Google Places API. As the user types, it suggests matching addresses, and when the user picks one Shesha receives the formatted address along with its latitude and longitude coordinates. Use it anywhere you need to capture a real-world address and, optionally, store the exact map coordinates for that address.
📄️ Autocomplete
The Autocomplete component is a search-as-you-type input that looks up matching records or values while the user types, instead of asking them to pick from a long static list. It can search a Shesha entity, or a custom URL endpoint you provide.
📄️ Calendar
The Calendar component displays scheduled events on an interactive calendar view. It supports multiple data layers - each layer is a separate data source that contributes its own events to the same calendar. Use it to visualise time-based data such as bookings, tasks, meetings, or any entity that has a start and end date.
📄️ Chevron
The Chevron component displays a horizontal pipeline of arrow-shaped stages, built from the items of a reference list, with the stage matching the component's current value highlighted. Use it to show progress through a fixed set of steps, such as an order or case moving through its status values.
📄️ Color Picker
The Color Picker component lets a user pick a colour from a visual palette, or type a value in directly, and stores it as a hex, HSB, or RGB string. Use it wherever a form needs to capture a colour value, such as a category colour or a theme setting.
📄️ HTML Render
The HTML Render component lets a form script build up a piece of HTML and display it, instead of showing a fixed value. Use it when the markup itself needs to change based on form data - for example, a coloured status badge, a formatted summary line, or an image whose source depends on the record being viewed. It is also a great way to add static visual context or instructional content, such as styled text, headings, or images, between interactive form elements when the content doesn't need to depend on form data at all.
📄️ Icon Picker
The Icon Picker component lets you display and let users pick an icon from Shesha's icon library. Use it to represent actions, statuses, or categories visually, or to let a user choose an icon for something they're configuring (for example, an icon for a custom menu item).
📄️ Image
The Image component allows you to display visuals using various sources like URLs, and stored files. It comes with powerful preview settings, flexible sizing, object-fit controls, and design filters for a complete image experience.
📄️ Kanban
The Kanban board is a visual project management tool that helps teams organize tasks and track their progress. It provides a clear overview of the status of each task, allowing users to move task cards between columns such as "To Do," "In Progress," and "Done."
📄️ Markdown
The Markdown component displays richly formatted text written in Markdown syntax - headings, bold and italic text, lists, links, images, and fenced code blocks with syntax highlighting. Use it for documentation, help text, or any other content that needs more formatting than a plain Text component allows.
📄️ Password Combo
The Password Combo component pairs a password field with its confirmation field in a single component. While the user types, a popover shows a live checklist of the password rules so they can see exactly what's missing, and the confirmation field checks that it matches the password before the form can be submitted.
📄️ Progress
The Progress component is a visual indicator that represents task completion, processes, or status in either linear or circular form. It supports various styles, types, and customization options for a dynamic and informative user interface.
📄️ Reference List Status
The Reference List Status component displays a value from a reference list as a coloured status badge, with an optional icon and item name, instead of showing it as plain text. Use it anywhere a record's status (for example, Active/Inactive, or a workflow stage) should stand out visually on the form.
📄️ Rich Text Editor
The Rich Text Editor component allows users to write and format content with a WYSIWYG interface. It supports various toolbars, plugins, and storage options, making it ideal for complex input scenarios such as note-taking, content creation, or documentation.