11 KiB
11 KiB
Visual Components
We maintain a list of all components that are available or planned.
{% embed url="https://app.lowcoder.cloud/apps/648cd237a0308d4efcc64571/view" %}
With Version 2.0.0 of Lowcoder there are 56 Components.
These components share a number of common settings and configurations.
Data visualization Components
| button | |||
|---|---|---|---|
| Text | text.svg | ||
| Table | table.md | table.svg | |
| Image | image.md | image.md | image.svg |
| List View | list-view.md | list-view.md | listView.svg |
| Charts | charts-and-graphs.md | charts-and-graphs.md | chart.svg |
| Rating | rating.svg | ||
| Calendar | calendar.md | calender.svg | |
| Link | link.svg | ||
| Progress | progress.svg | ||
| Progress - Circle | progressCircle.svg | ||
| File Viewer | fileViewer.svg | ||
| QR Code Display | qrCode.svg | ||
| Json Explorer | jsonExplorer.svg | ||
| Tree | tree.svg | ||
| Audio | audio.svg | ||
| Video | video.svg | ||
| Carousel | carusell.svg | ||
| Iframe | iframe.svg |
Data entry Components
| button | ||
|---|---|---|
| Form | form.svg | |
| Json Schema based Form | jsonSchemaForm.svg | |
| Rich Text Editor | richTextEditor.svg | |
| Table | table.md | table.svg |
| Input | input.svg | |
| Text Area | textArea.svg | |
| Password Field | password.svg | |
| Number Input Field | numberInput.svg | |
| Select Field | select.svg | |
| Multi Select Field | multiSelect.svg | |
| Tree Select | treeSelect.svg | |
| Cascader | cascader.svg | |
| Slider | slider.svg | |
| Range Slider | rangeSlider.svg | |
| Segmented Control | segmentedControl.svg | |
| Dropdown | dropdown.svg | |
| Switch | switch.svg | |
| Checkbox Field | checkbox.svg | |
| Radio Buttons | radio.svg | |
| Rating | rating.svg | |
| Navigation | navigation.svg | |
| File Upload | file-upload.md | file.svg |
| QR & 1D Code Scanner | scanner.svg | |
| Signature Input Field | signature.svg | |
| Calendar | calender.svg | |
| Date Input Field | date.svg | |
| Date Range Input Field | dateRange.svg | |
| Time Input Field | time.svg | |
| Time Range Input Field | timeRange.svg | |
| Json Editor | jsonEditor.svg | |
| Image Editor | imageEditor.svg |
Layout Components
| button | |||
|---|---|---|---|
| Container | container.svg | ||
| Tabbed Container | tabbedContainer.svg | ||
| Modal | modal.svg | ||
| List View | list-view.md | listView.svg | list-view.md |
| Toggle Button | toggleButton.svg | ||
| Divider | divider.svg | ||
| Grid | grid.svg | list-view.md | |
| Drawer | drawer.md | drawer.svg | |
| Collapsible Container | collapsibleContainer.svg |
Special Components
| button | |||
|---|---|---|---|
| Json Editor | jsonEditor.svg | ||
| Json Explorer | jsonExplorer.svg | ||
| Json Schema based Form | jsonSchemaForm.svg | ||
| QR Code Display | qrCode.svg | ||
| QR & 1D Code Scanner | scanner.svg | ||
| Signature Input Field | signature.svg | ||
| File Viewer | fileViewer.svg | ||
| Tree | tree.svg | ||
| Calendar | calender.svg | calendar.md | |
| Image Editor | imageEditor.svg | ||
| Iframe | iframe.svg |
Extensible Components
| button | |||
|---|---|---|---|
| Chart / EChart | charts-and-graphs.md | chart.svg | charts-and-graphs.md |
| Json Schema Form | jsonSchemaForm.svg | ||
| Custom Component | custom.svg | custom-component.md |
