Symbol — Build once,...
We've added symbol, allows you to use the same component in different pages.
update • 11 May
There are a few shared components on every website. Meaning you'll see those same components in most pates. For example the main navigation, footer links, and info.
That means when building a website, we need to copy the same component into each page. This also means when we make an update within this component, we need to make the update into other pages too.
Today, we've added Symbol, which allows you to create a shared component. This component can be inserted anywhere on any page. Once you make an update, the changes will also apply to that component anywhere else. Technically, it's one component, being used multiple times.
I'll show you how to create a symbol from a normal component. Then insert and make changes to a symbol.
Please note every action performed below is stored temporarily. You will need to save (by click on the save icon) apply changes
A symbol isn't much different from a normal component. Except when selected, the symbol container has a green color rather than blue.
To create a symbol, form the Editor:
More button (three horizontal dots), then choose
Now, a new symbol is created. The selected component will also be replaced with that symbol.
Once a symbol is created, you can view it from the
Symbol View. Which locates at
Add Components -> Symbol View (next to the
To insert a symbol:
Now, you've inserted the symbol.
You can update a symbol similar to updating a normal component, from anywhere. For example, to change a link text:
Text content in the right panel
Now, the content will be updated.
A few things that you might wonder:
Symbol View), the symbol component on your page will disappear.
more (three dots) -> Remove), it will only remove that component without affecting other symbols. It's important to make sure you selected the symbol container (which show the
Symbol text, with green background)
It's a long-overdue feature, but we've finally added it. In short, a symbol allows you to use the same component everywhere. Also, it will save your time when updating.
You can create a symbol by select more (three dots) -> Create Symbol on Editor Toolbar. Then insert and manage symbols from Symbol View.
Now you've master symbols. Feel free to leave your feedback, and thanks for your support.
Rebit provides a set of tools, make it easier to change, help you save time and money to evolve your business
© 2021 Rebit