penpot/penpot-docs
1
0
Fork 0
mirror of https://github.com/penpot/penpot-docs.git synced 2024-08-03 09:48:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Add image

Browse Source
This commit is contained in:
Andrés Moya 2021-11-29 16:45:49 +01:00
parent 8e0233096f
commit 3a8d083735
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/components-create-folder.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 322 KiB

10
user-guide/components/index.njk
View File

@ -15,7 +15,7 @@ title: 13· Components
<h3 id="component-create">Create a component</h3>
<p>To create a component:</p>
<ol>
<li>Select an object or a group of them</li>
<li>Select an object or a group of them.</li>
<li>Press <kbd>Ctrl</kbd> + <kbd>K</kbd> or right click and select the option “Create component” at the object menu.</li>
</ol>
<p><img src="/img/components-create.gif" alt="components" /></p>
@ -23,11 +23,11 @@ title: 13· Components
<h3 id="component-folder">Create a folder for your components</h3>
<p>To create subfolders in your component library, use slashes (/):</p>
<ol>
<li>Create a component</li>
<li>Rename the component as follows: "FOLDER NAME/COMPONENT NAME". For example, "Buttons/Alert Button"</li>
<li>To rename the folder or ungroup the items, right-click on the folder's name</li>
<li>Create a component.</li>
<li>Rename the component as follows: "FOLDER NAME/COMPONENT NAME". For example, "Buttons/Alert Button".</li>
<li>To rename the folder or ungroup the items, right-click on the folder's name.</li>
</ol>
<p><img src="/img/create-components-folder.gif" alt="components folder" /></p>
<p><img src="/img/components-create-folder.gif" alt="components folder" /></p>
<h3 id="component-update">Update main components</h3>
<p>To update changes to a Main component:</p>