Back to updates
Update
Layout & design

Usability update to components

We’ve heard your feedback and made it easier for you to modify components (and every instance of a component) without making unwanted changes.

Usability update to components

<p id="">Following the launch of <a href="<https://webflow.com/feature/symbols-evolved-to-components>" id="">components at Webflow Conf last year</a>, we've been listening and incorporating feedback from the community on ways to improve the feature. That’s why we’re reverting back to a previous behavior to edit components on the canvas that - per your feedback - is smoother and more intuitive.&nbsp;</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d66c2300807SYGBDoubleClick2400x1400.jpg>" loading="lazy" alt="Now it's even easier to update your components without making unwanted modifications." id="" width="auto" height="auto"></div><figcaption id="">Now it's even easier to update your components without making unwanted modifications.</figcaption></figure><p id="">Here’s a quick rundown of what’s new:</p><ul id=""><li id=""><strong id="">Double click to edit the main component.</strong> Double-clicking anywhere on a component that is not connected to a property will now (once again) edit the main component.&nbsp;</li><li id=""><strong id="">Edit component properties on canvas. </strong>You can still select elements that can be customized via component properties, and edit them right on the canvas.&nbsp;</li><li id=""><strong id="">Improved labeling. </strong>We’ve also added clearer labeling to let you know whether you’re editing a component or one of its instances.</li><li id=""><strong id="">Easier menu navigation. </strong>Finally, we’ve made the menus for editing components and properties easier to navigate.</li></ul><p id="">Learn more about creating, managing and modifying components in <a href="<https://university.webflow.com/lesson/components>" id="">this Webflow University article</a>.</p>


Launched on
April 26, 2023
Category
Layout & design

Related updates

Truncate long content with text overflow

Truncate long content with text overflow

Learn more
Text Decoration Styles

Text Decoration Styles

Learn more
New variable types: Number and Percentage

New variable types: Number and Percentage

Learn more
Component style variants is now available

Component style variants is now available

Learn more
Manage variables at scale with reordering and bulk actions

Manage variables at scale with reordering and bulk actions

Learn more
Drop shadow filters

Drop shadow filters

Learn more