ui-components icon indicating copy to clipboard operation
ui-components copied to clipboard

All - Document margin properties (mt, mr, mb, ml)

Open twjeffery opened this issue 1 year ago • 2 comments

Info

The property for margin on our components is not documented on the design system website. Developers use this, and have asked why it's no longer there (it was in storybook).

Acceptance Criteria:

  1. Show margin in property table when it's available in the component.

twjeffery avatar May 22 '24 19:05 twjeffery

@twjeffery Do a design for how we want to show this info

ArakTaiRoth avatar May 23 '24 20:05 ArakTaiRoth

@twjeffery Do a design for how we want to show this info

@ArakTaiRoth @Spark450 I discussed with @chrisolsen, and this is what we want to do:

image
  • add as a row to the properties table for each component
  • create this row as a "component" in our website as it's repeated many times, so that it's defined once and then easy to change and manage.

Property title: mt, mr, mb, ml

Options: none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl

Description: Apply margin to the top, right, bottom, and/or left of the component.

twjeffery avatar May 23 '24 22:05 twjeffery