Back to updates
Enhancement
Layout & design

Build seamlessly with components usability improvements

Benefit from a more intentional experience based on whether you’re managing a main component or building with a component instance on the canvas.

Build seamlessly with components usability improvements

<p id="">We’ve launched significant improvements to component usability — with a more intentional experience based on whether you’re managing a main component or building with a component instance on the canvas.</p><figure 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><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/651df8579c211dc2a1cc8544_Components.jpg>" loading="lazy"></div></figure><p id="">For component authors and managers it’s now clearer to set up and manage modifiable properties within your component, including:&nbsp;</p><ul id=""><li>Straightforward process to create and delete properties</li><li>Clear action items for linking properties and elements&nbsp;&nbsp;</li></ul><p id="">For content editors, our new side panel streamlines the editing process by displaying only the component properties they can modify. Component consumers who want to modify the main instance can still go to the management experience to do that&nbsp; but these are no longer automatically surfaced on the side panel.&nbsp;</p><p id="">These changes give components end users a higher degree of control over the specific task they’re performing, without obfuscating the functionality most relevant to them at that moment.&nbsp;&nbsp;</p><p>To learn more, read our <a href="<https://university.webflow.com/lesson/components>" id="">Webflow University lesson</a>.</p>


Launched on
October 5, 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