📄️ Address Input
The Address Input component captures an address and, optionally, the exact point on the map it refers to. The user can type and pick from address suggestions, or open an interactive map and drop a pin on the location directly. The map is part of Shesha core, so you do not need an extra package to use it.
📄️ 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 enhances user input fields with dynamic suggestions based on the user's typing. It is an input box with text hints, and users can type freely. The keyword is aiding input.
📄️ 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 row of arrow-shaped stages built from a reference list, with the stage matching the bound property's current value highlighted. Use it to show progress through a fixed sequence of statuses, such as an order's fulfilment pipeline.
📄️ Color Picker
The Color Picker component lets users pick a colour from a visual palette, or type in their own hex, RGB, or HSB value. Use it wherever a form needs to capture a colour, for example a category colour or a themed status indicator.
📄️ HTML Render
The HTML Render component displays markup you supply, instead of a fixed value. Use it when the content 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 also works well for static visual context between interactive fields, such as styled headings or instructional text.
📄️ Icon Picker
The Icon Picker component lets a user choose an icon from Shesha's icon library by clicking a button that opens an icon browser. The chosen icon's name is stored as the component's value, so it binds to a text field on your entity like any other input.
📄️ Image
The Image component displays a picture on a form, sourced from a stored file, a URL, or a base64 string. It comes with preview support, flexible sizing, object-fit controls, and visual filters for a complete image experience.
📄️ Kanban
The Kanban board is a visual project management tool that helps teams organise tasks and track their progress. It provides a clear overview of the status of each task, letting users 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 is hidden from the toolbox as of v0.46. Use the Text Field component with Text Type set to Password instead, which now includes a Use standard password validation switch.
📄️ 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 status, showing the item's name, its icon, or both. It can read as plain text or as a coloured badge that takes its colour from the reference list item, which makes a record's state readable at a glance on a details view or in a table.
📄️ 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.