![]() ![]() Tip! Add descriptions and links to documentation to components to better communicate a component’s intended use. Dropdowns with no icon denote variant states that you can change. Variant property: Allows you to define specific values and attributes to your variants, such as state, color, or size.Update the text in text fields to directly change the string of text that appears on the canvas. Text property: Indicates which text strings can be edited.Dropdowns with a denote instances that you can swap. Instance swap property: Indicates which instances can be swapped.Use the toggles to turn a setting on and off. Currently only available for layer visibility. Boolean property: Allows you to set true/false values to turn a specific property on or off.Use the accompanying dropdowns, toggles, or text fields to make changes, and they will be reflected in the instance. When you select an instance containing component properties, the Properties section of the right sidebar will populate with different component property controls. Learn how to view documentation → Configure properties Component documentation can include a description, a link to external documentation, or both. When editing an instance, you can check any available descriptions or documentation to ensure accurate use of the asset. This also removes the need to select and override individual layers, reduces time needed to refer to documentation, and removes the guesswork out of design systems! This makes it easy to know what is changeable and to make those changes in one place. When editing an instance containing component properties, the their component properties controls appear in a single section of controls in the right sidebar. New to component properties? Learn how component properties works by exploring the different types, preferred values, exposed nested instances, and more.Ĭomponent properties are the changeable aspects of a component, so you know which parts of a component - like icons or text - can change. Make changes to components and instances.Swap between component instances in a file.Read these articles to learn more detailed and specific information about components. Or, you can use team l ibrary to share components and styles across files and projects. You can create components to use within a single file. Instances are linked to the main component and receive any updates made to the component. An instance is a copy of the component you can reuse in your designs.A main component defines the properties of the component.These could be a whole range of things like buttons, icons, layouts, and more. You can create components from any layers or objects you've designed. ![]() They help to create and manage consistent designs across projects. Video tutorialsĬheck out these video tutorials about components: OverviewĬomponents are elements you can reuse across your designs. Users with can view access to the original file can use components from that Library. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |