Bogdan Chadkin 408816346b feat: add variables to settings panel (#2722)
Ref https://github.com/webstudio-is/webstudio/issues/2532

Here added variables section to settings panel similar to props section.
UI is slightly different from previous implementation.

- the list shows only variables defined specifically on current instance
- selecting item starts editing instead of "menu" button
- resource variables can be deleted when unused

<img width="519" alt="Screenshot 2023-12-31 at 18 01 35"
src="https://github.com/webstudio-is/webstudio/assets/5635476/55763a49-a031-4696-bbf8-6c16ea0effbe">
<img width="253" alt="Screenshot 2023-12-31 at 18 01 48"
src="https://github.com/webstudio-is/webstudio/assets/5635476/d6a768db-f8dd-4fe9-9820-8685dd991067">
<img width="519" alt="Screenshot 2023-12-31 at 18 01 35"
src="https://github.com/webstudio-is/webstudio/assets/5635476/e7701edc-eaeb-44e8-beb3-5e2c9c01be03">
2024-01-01 12:58:18 +07:00
2023-06-27 10:02:58 +03:00
2022-07-04 19:59:42 +02:00
2023-10-06 13:01:35 +04:00
2023-03-02 11:05:44 +01:00
2023-07-04 22:32:14 +03:00
2023-06-27 18:17:48 +03:00
2023-10-06 16:33:33 +04:00
2023-12-31 13:48:19 +07:00
2023-09-06 21:43:29 +03:00
2023-12-14 17:28:37 +02:00

builder-screenshot

Webstudio is an Open Source Visual Development Platform for developers, designers, and cross-functional teams. You own the data, components, and infrastructure. You can use the hosted version or roll out your own.


Learning Resources

Social Media

Contributing

Languages
TypeScript 98.9%
PLpgSQL 0.5%
CSS 0.3%
Shell 0.2%
JavaScript 0.1%