primefaces / primefaces/primereact

CSS: Allow `small, medium, large` on more components besides InputText

Open
#2,910 3 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Type: Enhancement
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Describe the feature you would like to see added

InputText has very handy CSS classes to adjust its size (p-inputtext-sm, p-inputtext-lg), which are reasonably well documented. I'm missing the equivalent in other components, such as Dropdown, TreeSelect, SelectButton, etc.

Having a consistent option to control the size is essential to build forms that combine InputText and Dropdown, as all form elements must match in size.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing InputText's documented size classes, then compare how Dropdown, TreeSelect, and SelectButton expose their styling. Define the component coverage and verify that the added small, medium, and large options produce consistent form-element sizing across the named components.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, react
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.