Background
In T333392 we've included the large size in the Codex Button.
This task is about determining what the approach/recommendation should be for component sizing.
NOTE: This task relates to T338163: Button, other components: consider a "responsive" size.
Pending that decision, we will consider if a Large size should be added for the rest of the form elements where buttons are used. That is, if the following components will need to be medium and large sizes:
- Button T333392
- ToggleButton
- ButtonGroup and ToggleButtonGroup
- TextInput
- Select
- Combobox
User stories
- As a user I need buttons and form items to be the same size when placed next to each other.
Previous implementations
- Codex demo: Codex Button
- Design style guide: Buttons defined in the DSG
- OOUI: OOUI buttons on desktop and mobile
- Vue: -
Design proposal
Include it here once it's done.
Design spec
Once a component spec sheet has been created in Figma, remove the note stating that the spec is missing and link to the spec below.
| Component spec sheet |
Open questions
Add here the questions to be answered in order to design and implement the component
Acceptance criteria (or Done)
- Determine guidelines/recommendations for resizing components with medium/large size (relates to T338163)
Design
- Design the Figma spec/specs and add it in this task
- Update the component/components in the Figma library. This step will be done by a DST member.
- Button T333392
- ToggleButton
- ButtonGroup and ToggleButtonGroup
- TextInput
- Select
- Combobox
Code
- Update the components in Codex:
- Button T333392
- ToggleButton
- ButtonGroup and ToggleButtonGroup
- TextInput
- Select
- Combobox