Components are elements you can reuse across your designs. They help to create and manage consistent designs across pages.
A button component with 4 state
💡Jumpstarts your journey with fun and speedy learning by duplicate
Dora Project - 🔗 Components
Property
Properties are the variable aspects of our component. For example, the properties of a button component could be the Status or Type.
Property Values
Values are the different options available for each property.
For example:
the Status property could have Default, Hover values.
the Type property could have Primary, Secondary values.
State
One component may have multiple states, but each state needs to be a unique combination of properties and values.
Default Hover
Primary 
State 1: Primary Default State 2: Primary Hover
Secondary 
State 3: Secondary Default State 4: Secondary Hover
1. Create Button Component & Hover State
You can create components from any layers or objects you've designed. These could be a whole range of things like buttons, icons, layouts, and more.
2. Use Component & Override Button Text
3. Add Hover Interaction & Preview
