Build you widgets
A widget is a React component.
![](/var/images/y/ysv/upload-1542748601-screenshot_2023-04-14_at_17.05.10.png)
You can develop a widget eg. a contact form, where you see the actual contact form and adjust parameters like margin, background color, text, etc.
By the way, existing widgets can be reused in new widgets. For example, if you want a carousel with text and buttons, you can combine carousel with text and button list widget.
Style a widget
You can style an existing widget instead of create the whole widget. Styling a widget is pure css development.
Built-in widgets
Basic
Widget | Description |
---|---|
Text | Rich text editor
|
Button | Button with link and style
|
Heading | Heading where editor can select level (from h1 to h5)
|
Table | Table |
Image | Image |
IFrame | iframe
|
Code | Code
|
Video | Video |
Design related
Widget | Description |
---|---|
List | 'Group' of blocks, in vertical way or horizontal way. |
Grid | 'Group' of blocks, in a grid way
|
Layout | Predefined layouts, include 2 column or 3 column, where you can 'fill in' widget block
|
Space | A empty block where edit can add background color and height.
|
Media
Widget | Description |
---|---|
Carousel | Image carousel |
Gallery | Image gallery
|
Hero text
| Image with heading and/or text
|
Intractive
Widget | Description |
---|---|
Tabs | Tabs |
Accordion | Accordion, eg. FAQ accordion
|
Collapsable text
| A text where user can expand to show more
|