Button design documentation attribute update
Problem
When building the button Vue components gitlab-org&1047 (closed) and aligning the attributes with the button design documentation we hit an uncomfortable situation where design documentation influenced attribute names are in fact already occupied by standard HTML attributes.
A good example of this would be style=
and size=
Solution
- Merge request created for the design documentation changes discussed: !1543 (merged)
- Button combination will be inferred by content needed (text, icon, or both) and does not need to be explicitly called out in an attribute.
- The different components that will be realised:
- Button component
- text
- Icon
- Icon+text
- Emoji
- ellipses
- dropdown button component
- text
- split
- icon
- icon+text
- group button component
- text group
- Icon group
- special separate components
- Segmented control
- Icon segmented control
- Pagination
- Button component
- Attribute structure of components:
- category (string)
- tertiary (default value)
- primary
- secondary
- variant (string)
- default (default value)
- info
- success
- danger
- warning
- dashed
- disabled (boolean)
- false (default value)
- true
- size (string)
- medium (default value)
- small
- block (boolean)
- false (default value)
- true
- category (string)
Edited by Dimitrie Hoekstra