# Visual Components

With Version 2.0.0 of OpenFlower there are 56 Components.

These components share a number of [common settings and configurations](https://docs.openflower.org/build-applications/app-editor/visual-components/common-component-settings).

### Data visualization Components

<table data-column-title-hidden data-view="cards" data-full-width="false"><thead><tr><th>button</th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Text</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-aa79008e75c5d2a10a6b9817c854be7c69e1a9b4%2Ftext.svg?alt=media">text.svg</a></td></tr><tr><td>Table</td><td><a href="visual-components/table">table</a></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-37d8db598f69da62a70df7e750cc4dd1ce6c3cd4%2Ftable.svg?alt=media">table.svg</a></td></tr><tr><td>Image</td><td><a href="visual-components/image">image</a></td><td><a href="visual-components/image">image</a></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-2135ecc2a8813e08e4dc81a0cce0c9ec540bb7c3%2Fimage.svg?alt=media">image.svg</a></td></tr><tr><td>List View</td><td><a href="visual-components/list-view">list-view</a></td><td><a href="visual-components/list-view">list-view</a></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-80d13411b22fbf70a473c138cc97068b2c2a72f2%2FlistView.svg?alt=media">listView.svg</a></td></tr><tr><td>Charts</td><td><a href="visual-components/charts-and-graphs">charts-and-graphs</a></td><td><a href="visual-components/charts-and-graphs">charts-and-graphs</a></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-88e17d9fb090b742e224e0857f7c70b6de7bca34%2Fchart.svg?alt=media">chart.svg</a></td></tr><tr><td>Rating</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-cd588c5ab65546b117b1b7139a549643417dc8fb%2Frating.svg?alt=media">rating.svg</a></td></tr><tr><td>Calendar</td><td><a href="visual-components/calendar">calendar</a></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-bdb9e9040d9dfa4ffa47731c885e9104f39cd4b5%2Fcalender.svg?alt=media">calender.svg</a></td></tr><tr><td>Link</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-952f5739fde489aaedbf65d370013a4a2d2f2336%2Flink.svg?alt=media">link.svg</a></td></tr><tr><td>Progress</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-71a21106a51bbc373dc6f037111e7ed29060df9d%2Fprogress.svg?alt=media">progress.svg</a></td></tr><tr><td>Progress - Circle</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-c1970cce503cd304fc05f29b7bdd0047908f0b5c%2FprogressCircle.svg?alt=media">progressCircle.svg</a></td></tr><tr><td>File Viewer</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-c416d66517f2354a0aff9086d83cc216163187f7%2FfileViewer.svg?alt=media">fileViewer.svg</a></td></tr><tr><td>QR Code Display</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-26b2fe4e989b663b54c6a016e3d5ba5bedf537ca%2FqrCode.svg?alt=media">qrCode.svg</a></td></tr><tr><td>Json Explorer</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-770235346f1640169b193b5509482d648b632e16%2FjsonExplorer.svg?alt=media">jsonExplorer.svg</a></td></tr><tr><td>Tree</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-f0e30b0d19e091c95a886aa6ced6c66540233ce8%2Ftree.svg?alt=media">tree.svg</a></td></tr><tr><td>Audio</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-78d262cee20d12df919ccbf4e87e040ec199291a%2Faudio.svg?alt=media">audio.svg</a></td></tr><tr><td>Video</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-5b30dd9439dce32dcdd5082c305fb1801a47a49f%2Fvideo.svg?alt=media">video.svg</a></td></tr><tr><td>Carousel</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-47790d4978ac947a3230f02513ba21aec308bc2f%2Fcarusell.svg?alt=media">carusell.svg</a></td></tr><tr><td>Iframe</td><td></td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-06b239a482cf23d9447d8d79c078605fec1bef53%2Fiframe.svg?alt=media">iframe.svg</a></td></tr></tbody></table>

### Data entry Components

<table data-column-title-hidden data-view="cards"><thead><tr><th>button</th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Form</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-a816d75329532d65307b71d1589190554ff5156e%2Fform.svg?alt=media">form.svg</a></td></tr><tr><td>Json Schema based Form</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-819559ebd2920863a9d7fa76d06d33294f411bb9%2FjsonSchemaForm.svg?alt=media">jsonSchemaForm.svg</a></td></tr><tr><td>Rich Text Editor</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-57714922c9a949b71db9fae6e109ff7263cc1e7e%2FrichTextEditor.svg?alt=media">richTextEditor.svg</a></td></tr><tr><td>Table</td><td><a href="visual-components/table">table</a></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-37d8db598f69da62a70df7e750cc4dd1ce6c3cd4%2Ftable.svg?alt=media">table.svg</a></td></tr><tr><td>Input</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-aa79008e75c5d2a10a6b9817c854be7c69e1a9b4%2Finput.svg?alt=media">input.svg</a></td></tr><tr><td>Text Area</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-63f24992ef3d597634b318645c507547c1759454%2FtextArea.svg?alt=media">textArea.svg</a></td></tr><tr><td>Password Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-ee8f680cded7776ae67a2f5646179c6d28eab436%2Fpassword.svg?alt=media">password.svg</a></td></tr><tr><td>Number Input Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-0c5594656c3b3657e925dc34bfedb624b707e5d1%2FnumberInput.svg?alt=media">numberInput.svg</a></td></tr><tr><td>Select Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-2b65503878edf32e62bfa010ecda823e654e8069%2Fselect.svg?alt=media">select.svg</a></td></tr><tr><td>Multi Select Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-9dd377726913b30ed81ce171d6752e1658612a61%2FmultiSelect.svg?alt=media">multiSelect.svg</a></td></tr><tr><td>Tree Select</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-88da56238ba89fb5ac4c1dc5c6e2014e51a3d692%2FtreeSelect.svg?alt=media">treeSelect.svg</a></td></tr><tr><td>Cascader</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-4e64fa6080f7e24263997bec5f3e88cd60b534df%2Fcascader.svg?alt=media">cascader.svg</a></td></tr><tr><td>Slider</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-3066645c989f1e5a8cbd5c9cc316b99972b06c0b%2Fslider.svg?alt=media">slider.svg</a></td></tr><tr><td>Range Slider</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-92e504b7926b278c6de48500067aff7a081808f5%2FrangeSlider.svg?alt=media">rangeSlider.svg</a></td></tr><tr><td>Segmented Control</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-aec26c4ffb67b7151042abf05e4cabd1b35ea146%2FsegmentedControl.svg?alt=media">segmentedControl.svg</a></td></tr><tr><td>Dropdown</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-449912245f5ba9ca3d28f08215c88b496438fefc%2Fdropdown.svg?alt=media">dropdown.svg</a></td></tr><tr><td>Switch</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-1897e6ff940f8c019622e412a739ed0e2411a7e1%2Fswitch.svg?alt=media">switch.svg</a></td></tr><tr><td>Checkbox Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-bbc7090d09999f345abe5aaf6e4b97666fca4d1e%2Fcheckbox.svg?alt=media">checkbox.svg</a></td></tr><tr><td>Radio Buttons</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-85e185c542e843955d41ead5e1fae0d13a1b344f%2Fradio.svg?alt=media">radio.svg</a></td></tr><tr><td>Rating</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-cd588c5ab65546b117b1b7139a549643417dc8fb%2Frating.svg?alt=media">rating.svg</a></td></tr><tr><td>Navigation</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-91f45fe24a2faaafd4c14e55635e600503cf39d0%2Fnavigation.svg?alt=media">navigation.svg</a></td></tr><tr><td>File Upload</td><td><a href="visual-components/file-upload">file-upload</a></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-c36304b74a3b6f74d54a57da0b3a2e33bcfbab21%2Ffile.svg?alt=media">file.svg</a></td></tr><tr><td>QR &#x26; 1D Code Scanner</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-e6608c7d0c2b983b05ee0f74a186164cbeed2ce4%2Fscanner.svg?alt=media">scanner.svg</a></td></tr><tr><td>Signature Input Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-520205eb10998c4ba1a873ede593091ed89a6b95%2Fsignature.svg?alt=media">signature.svg</a></td></tr><tr><td>Calendar</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-bdb9e9040d9dfa4ffa47731c885e9104f39cd4b5%2Fcalender.svg?alt=media">calender.svg</a></td></tr><tr><td>Date Input Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-0b6a9cdeef44c7d4bc3c460c213812670a9cc0b8%2Fdate.svg?alt=media">date.svg</a></td></tr><tr><td>Date Range Input Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-d731c0c20653e79b69d7ebf5a3a775c3b9689dfa%2FdateRange.svg?alt=media">dateRange.svg</a></td></tr><tr><td>Time Input Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-6050097de3ffaa403e99303e2558edd976dc484d%2Ftime.svg?alt=media">time.svg</a></td></tr><tr><td>Time Range Input Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-fa5ebdf3b7ee462852b177561230bbd5d5e9af9d%2FtimeRange.svg?alt=media">timeRange.svg</a></td></tr><tr><td>Json Editor</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-4629e2cebf1619793cb45b23cc34fec02a58b14e%2FjsonEditor.svg?alt=media">jsonEditor.svg</a></td></tr><tr><td>Image Editor</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-f612002107057a6bfbd2e270e689f7b4a7d35b36%2FimageEditor.svg?alt=media">imageEditor.svg</a></td></tr></tbody></table>

### Layout Components

<table data-column-title-hidden data-view="cards"><thead><tr><th>button</th><th data-hidden data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>Container</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-03706402d34ecfe5a620c2faa3b95520afcd72f1%2Fcontainer.svg?alt=media">container.svg</a></td><td></td></tr><tr><td>Tabbed Container</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-00c3a5fa24382b5782dd5cb306ee24f2d3dd0139%2FtabbedContainer.svg?alt=media">tabbedContainer.svg</a></td><td></td></tr><tr><td>Modal</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-6fa06e0b72b8926e11a3851665fa785eb6021468%2Fmodal.svg?alt=media">modal.svg</a></td><td></td></tr><tr><td>List View</td><td><a href="visual-components/list-view">list-view</a></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-80d13411b22fbf70a473c138cc97068b2c2a72f2%2FlistView.svg?alt=media">listView.svg</a></td><td><a href="visual-components/list-view">list-view</a></td></tr><tr><td>Toggle Button</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-f37a965ccabad99a8dd4e9262a806525142b765e%2FtoggleButton.svg?alt=media">toggleButton.svg</a></td><td></td></tr><tr><td>Divider</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-0f1fca883b0f10ce31542d9cce8e5b37662f6408%2Fdivider.svg?alt=media">divider.svg</a></td><td></td></tr><tr><td>Grid</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-724cb56a22a0adb14e499c02fba4889b07d2d1e8%2Fgrid.svg?alt=media">grid.svg</a></td><td><a href="visual-components/list-view">list-view</a></td></tr><tr><td>Drawer</td><td><a href="visual-components/drawer">drawer</a></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-5b5b0e289c260ae433fb5298753c09a5dfb48796%2Fdrawer.svg?alt=media">drawer.svg</a></td><td></td></tr><tr><td>Collapsible Container</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-8ad976c204643251c4b0c7640aa5b0ab6dbfa063%2FcollapsibleContainer.svg?alt=media">collapsibleContainer.svg</a></td><td></td></tr></tbody></table>

### Special Components

<table data-column-title-hidden data-view="cards"><thead><tr><th>button</th><th data-hidden data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>Json Editor</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-4629e2cebf1619793cb45b23cc34fec02a58b14e%2FjsonEditor.svg?alt=media">jsonEditor.svg</a></td><td></td></tr><tr><td>Json Explorer</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-770235346f1640169b193b5509482d648b632e16%2FjsonExplorer.svg?alt=media">jsonExplorer.svg</a></td><td></td></tr><tr><td>Json Schema based Form</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-819559ebd2920863a9d7fa76d06d33294f411bb9%2FjsonSchemaForm.svg?alt=media">jsonSchemaForm.svg</a></td><td></td></tr><tr><td>QR Code Display</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-26b2fe4e989b663b54c6a016e3d5ba5bedf537ca%2FqrCode.svg?alt=media">qrCode.svg</a></td><td></td></tr><tr><td>QR &#x26; 1D Code Scanner</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-e6608c7d0c2b983b05ee0f74a186164cbeed2ce4%2Fscanner.svg?alt=media">scanner.svg</a></td><td></td></tr><tr><td>Signature Input Field</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-520205eb10998c4ba1a873ede593091ed89a6b95%2Fsignature.svg?alt=media">signature.svg</a></td><td></td></tr><tr><td>File Viewer</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-c416d66517f2354a0aff9086d83cc216163187f7%2FfileViewer.svg?alt=media">fileViewer.svg</a></td><td></td></tr><tr><td>Tree</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-f0e30b0d19e091c95a886aa6ced6c66540233ce8%2Ftree.svg?alt=media">tree.svg</a></td><td></td></tr><tr><td>Calendar</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-bdb9e9040d9dfa4ffa47731c885e9104f39cd4b5%2Fcalender.svg?alt=media">calender.svg</a></td><td><a href="visual-components/calendar">calendar</a></td></tr><tr><td>Image Editor</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-f612002107057a6bfbd2e270e689f7b4a7d35b36%2FimageEditor.svg?alt=media">imageEditor.svg</a></td><td></td></tr><tr><td>Iframe</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-06b239a482cf23d9447d8d79c078605fec1bef53%2Fiframe.svg?alt=media">iframe.svg</a></td><td></td></tr></tbody></table>

### Extensible Components

<table data-column-title-hidden data-view="cards"><thead><tr><th>button</th><th data-hidden data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>Chart / EChart</td><td><a href="visual-components/charts-and-graphs">charts-and-graphs</a></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-88e17d9fb090b742e224e0857f7c70b6de7bca34%2Fchart.svg?alt=media">chart.svg</a></td><td><a href="visual-components/charts-and-graphs">charts-and-graphs</a></td></tr><tr><td>Json Schema Form</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-819559ebd2920863a9d7fa76d06d33294f411bb9%2FjsonSchemaForm.svg?alt=media">jsonSchemaForm.svg</a></td><td></td></tr><tr><td>Custom Component</td><td></td><td><a href="https://1375341043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzo5R6EJIlCfRyDLbDnBv%2Fuploads%2Fgit-blob-99a7935a614dc5dfee506defa293f9cf7edc93ae%2Fcustom.svg?alt=media">custom.svg</a></td><td><a href="../../openflower-extension/custom-component">custom-component</a></td></tr></tbody></table>
