create propertie guidelines

swisspost / design-system

The Swiss Post Design System pattern library for a consistent and accessible user experience across the web platform.

https://design-system.post.ch

Apache License 2.0

121 stars 14 forks source link

create propertie guidelines #1669

Closed wueestd closed 10 months ago

wueestd commented 1 year ago

In many components, we use different propertie names and values:

The aim of this task is to document those properties for the consistency within designers and also between designers and devs.

wueestd commented 1 year ago

we discussed the properties here: https://www.figma.com/file/vaMVJ9REUj8EskXdH3beTj/Discussion-Board?type=whiteboard&node-id=117-470&t=KW0pIVlgyL9p0C5t-4

wueestd commented 1 year ago

descrpied a first draft here, have a look at it @rouvenpost and write some comments if you don't agree 👎 : https://www.figma.com/file/442uMtJtqZx4bATDtiQY9r/Onboarding?type=whiteboard&node-id=10-452&t=fuU8xI6y61YC8Fp0-4

else you can close the task

rouvenpost commented 10 months ago

I would enhance the Breakpoints with Pixelsizes. For Example XL (>1920). Only XL can be open to interpretation and is not very helpful especially when you are new to the Designsystem.