@solid
Accordion
Designed to create a section with a header that can be collapsed or expanded, showing or hiding its content.
Button
Intended for creating buttons with icons, various style types, and support for click event handling.
Calendar
Used for displaying a calendar with the ability to select a date, date range, and time. Supports localization and working with time intervals. Can display hours and minutes if the withTime
option is enabled.
Card
Represents a container with content and an optional footer, which can be used to display various blocks of information. It supports styling through props and allows overriding the footer content.
Chat
Designed to implement a chat screen with support for messages, files, replies, and working through web sockets. It includes functionality for sending and receiving messages, displaying them, uploading files, and interacting with sockets for data synchronization.
CheckboxRadio
Represents a custom checkbox with label (label) support, custom styles, and management through an external store (store). Supports working with external events, such as changing the checkbox state, and prevents unwanted mouse event propagation.
DonutChart
Designed to display a donut chart that visualizes a dataset in the form of circle segments. Each segment of the chart corresponds to an element with a specific value, color, and radius, and supports animation on hover.
Dropdown
Represents a dropdown list that appears when interacting with a specific area, such as an input field or button. It supports displaying content in various directions and responds to clicks outside the element to hide it.
FilePreview
Designed to display file previews (e.g., images or documents). It allows displaying a thumbnail of the file based on URL
or hash
, and provides additional information about the file, such as its name, size, and type.
FileUploader
Intended for users to upload files. It provides an interface for selecting files, displaying them in a list, and uploading them to a server. Also supports multiple file uploads, image previews, and displaying upload progress.
FlatList
Represents a list of items with support for separators and the ability to handle clicks on items. It is convenient for creating homogeneous lists with customization options for each list item.
FloatingWindow
Represents a floating window block that can be displayed on a specific side of the screen, supports a title, custom header, and can be closed by clicking a close button.
Icon
Used for rendering SVG icons based on the name provided in the properties. This component simplifies working with icons, allowing you to choose icons by their names and customize parameters such as size and color.
Input
Designed to create a text input field with the ability to add icons, handle events, and integrate with a data store.
ListItems
Intended for displaying a list of items with an optional header and the ability to stretch to the full height of the container. It supports rendering the header (if provided) and content through children.
MoneyInput
Used for entering monetary values with support for currency symbols and precision up to a specified number of decimal places. It also supports displaying an icon and loading indication, making it useful for forms that input monetary amounts.
MultiSelectorInput
Provides an advanced interface for selecting multiple items from a list. It supports loading items from a remote server, filtering input, displaying loaded values, and provides the ability to clear selected items.
PhoneInput
Designed for entering phone numbers with formatting and country selection support. The current version supports the format for Russia (RUS) but can be extended for other countries.
SelectorInput
Used for selecting an item from a dropdown list with support for searching, filtering, asynchronous data loading, and clearing the selected value.
SmartIcon
Allows displaying icons with various parameters, such as size, text, background color, and also allows adding badges and sub-icons.
SortableList
An interactive list with the ability to drag and drop items. It supports sorting both vertically and horizontally. This component provides many customization options, such as:
- Dragging items with the mouse.
- Customizable gap between list items.
- Intercepting events for starting and finishing sorting, as well as clicks and double-clicks on list items.
Spinner
Represents an animated loading indicator. It allows customizing its size and styles.
submitForm
Creates an action object for submitting a form, which is used in handling form submission events.
Textarea
Represents a multi-line text input field with the ability to automatically adjust its height based on content.
<!-- - Themes
-->
<!-- - cyclicReference
-->
<!-- ## KanbanView
-->