Specialty Components
Specialty components serve focused use cases: drag-to-reorder lists, language switching, and standalone advanced inputs. Several are cross-referenced from other category pages (form-controls, social) where they fit more than one role. All accept the shared props bag plus visibility and responsive modules.
components:
- type: language-switcher
props:
className: ml-autoreorderable-list
A list whose items can be reordered by drag-and-drop or keyboard. (Also documented in Interactivity & Scripts.)
| Property | Description |
|---|---|
dragHandle |
Enable drag-and-drop reordering of list items. |
onReorder |
Action fired when items are reordered. Must be a toast action ({ type: toast, message, variant }) — the only type a reorder runs. |
children |
The list items (each with a drag handle). |
language-switcher
A control that switches the active language for an internationalized app.
| Property | Description |
|---|---|
props |
HTML attributes and display options (e.g. className, label style). |
See Languages for i18n configuration.
status-indicator
Now expressed as badge with variant: status, which carries the same label, color and pulse properties.
file-upload
A file picker with optional drag-and-drop. (Also documented in Form Controls.)
| Property | Description |
|---|---|
accept |
Accepted MIME types/extensions (e.g. image/*, .pdf). |
dropZone |
Enable a drag-and-drop dropzone area. |
maxFiles |
Maximum number of files per upload. |
maxFileSize |
Maximum file size in bytes (e.g. 10485760 for 10MB). |
number-input
A numeric input with stepper buttons. (Also documented in Form Controls.)
| Property | Description |
|---|---|
min |
Minimum value. |
max |
Maximum value. |
step |
Step increment. |
showStepper |
Show increment/decrement stepper buttons (default: true). |
defaultValue |
Initial numeric value. |
time-picker
A time input. (Also documented in Form Controls.)
| Property | Description |
|---|---|
minTime |
Minimum selectable time (HH:mm). |
maxTime |
Maximum selectable time (HH:mm). |
stepMinutes |
Minute increment for selection (default: 15). |
comments / ai-chat
Engagement components documented in Social Components: comments (threaded comments, public/guest), commentCount, and ai-chat (an AI-agent chat panel).
Related Pages
- Pages Overview — the component model and actions.
- Form Controls —
file-upload,number-input,time-picker. - Social Components —
comments,commentCount,ai-chat. - Languages — i18n for
language-switcher. - Agents — agents powering
ai-chat.
Last updated August 11, 2026
This documentation was written with AI, so errors or outdated content are possible. Sovrium is in beta. Contributions and corrections are welcome.