Skip to content

Commit 9c7c294

Browse files
committed
add penpot links
Signed-off-by: Simon L <szaimen@e.mail.de>
1 parent 29abd2e commit 9c7c294

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

developer_manual/design/atomiccomponents.rst

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ Buttons
77
-------
88

99
`Buttons Vue component <https://nextcloud-vue-components.netlify.app/#/Components/NcButton>`_.
10+
`Penpot buttons <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=0&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
1011

1112
Buttons are used to initiate actions in your app. This may be a primary action, or it may be used to confirm an action in a dialog, or simply be used for any major action in your app.
1213

@@ -44,6 +45,7 @@ Action menu
4445
-----------
4546

4647
`Action menu Vue component <https://nextcloud-vue-components.netlify.app/#/Components/NcActions>`_.
48+
`Penpot action menu <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=4&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
4749

4850
.. image:: ../images/action-menu.png
4951
:alt: Files action menu
@@ -88,6 +90,7 @@ Input fields
8890
------------
8991

9092
`Input field Vue component <https://nextcloud-vue-components.netlify.app/#/Components/NcFields?id=ncinputfield>`_.
93+
`Penpot text fields <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=2&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
9194

9295
.. _Text input:
9396

@@ -108,6 +111,7 @@ Dropdowns
108111
^^^^^^^^^
109112

110113
`Dropdown Vue component <https://nextcloud-vue-components.netlify.app/#/Components/NcSelect>`_.
114+
`Penpot dropdowns <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=1&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
111115

112116
.. image:: ../images/dropdown-find-as-you-type.gif
113117
:alt: Dropdown menu in settings
@@ -124,6 +128,7 @@ Checkboxes and radio buttons
124128
^^^^^^^^^^^^^^^^^^^^^^^^^^^^
125129

126130
`Checkbox and radio button Vue components <https://nextcloud-vue-components.netlify.app/#/Components/NcCheckboxRadioSwitch>`_.
131+
`Penpot checkboxes and radio buttons <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=5&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
127132

128133
.. image:: ../images/checkboxes-settings.png
129134
:alt: Checkbox in Talk settings
@@ -184,6 +189,7 @@ Modal
184189
-----
185190

186191
`Modal Vue component <https://nextcloud-vue-components.netlify.app/#/Components/NcModal>`_.
192+
`Penpot modals <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=12&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
187193

188194
.. image:: ../images/deck-card-modal.png
189195
:alt: Deck card modal
@@ -210,6 +216,7 @@ Avatar
210216
------
211217

212218
`Avatar Vue component <https://nextcloud-vue-components.netlify.app/#/Components/NcAvatar>`_.
219+
`Penpot avatars <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=3&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
213220

214221
.. image:: ../images/avatar-talk.gif
215222
:alt: Avatars in Talk
@@ -244,6 +251,7 @@ User bubbles
244251
------------
245252

246253
`User bubble Vue component <https://nextcloud-vue-components.netlify.app/#/Components/NcUserBubble>`_.
254+
`Penpot user bubbles <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=6&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
247255

248256
.. image:: ../images/talk-user-bubble.png
249257
:alt: Talk user bubble
@@ -257,6 +265,7 @@ Empty content
257265
-------------
258266

259267
`Empty content component <https://nextcloud-vue-components.netlify.app/#/Components/NcEmptyContent>`_.
268+
`Penpot empty content <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab157b6bd27&section=interactions&index=10&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
260269

261270
.. image:: ../images/empty-content.png
262271
:alt: Bookmarks empty content

0 commit comments

Comments
 (0)