## Background
In T333392 we've included the `large` size in the [[ https://doc.wikimedia.org/codex/main/components/demos/button.html | Codex Button ]]. We need to do the same for the rest of the form elements where buttons are used with, so the following components will need to be `medium` and `large` sizes:
- Button T333392
- ToggleButton
- ButtonGroup and ToggleButtonGroup
- TextInput
- Select
- Combobox
NOTE: First of all, we will need to determine guidelines and/or recommendations for resizing components in T338163.
### User stories
- As a user I need buttons and form items to be the same size when placed next to each others.
### Previous implementations
- **Codex demo:** [[ https://doc.wikimedia.org/codex/main/components/demos/button.html | Codex Button ]]
- **Design style guide:** Buttons defined in the [[ https://design.wikimedia.org/style-guide/components/buttons.html | DSG ]]
- **OOUI:** OOUI buttons on [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop | desktop ]] and [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=mobile | mobile ]]
- **Vue:** -
### Design proposal
{F37090873}
- We will implement 2 size of buttons and form items: `medium` (32px) and `large` (44px)
- These sizes will be implemented the same for desktop (Vector) and mobile (Minerva). The difference between both platforms will be the base font (14px on desktop and 16px on mobile at the moment)
- `large` (44px) will be the base size for mobile to make our interactive elements accessible and clickable enough
### 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 (T338163)
**Design**
[] Design the Figma spec/specs and add it in this task
[] Update the component/components in the Figma [[ https://www.figma.com/file/KoDuJMadWBXtsOtzGS4134/❖-Codex-components?node-id=1891%3A4420&viewport=287%2C338%2C0.28 | 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