primefaces/primeng

ToggleSwitch Size property is not working

Open

#19469 opened on Mar 10, 2026

View on GitHub
 (0 comments) (0 reactions) (0 assignees)CSS (10,366 stars) (4,585 forks)batch import
Type: Buggood first issue

Description

Describe the bug

ToggleSwitch has only the size input but neither html nor css has references for the size attribute. please check this commit where the size was added :

https://github.com/primefaces/primeng/pull/11185/changes/ed8caba7e3f2320d627a31ebec9c2c86ed586734#diff-faf8b13c938d764bc98d92b4e5c2cc4544f86e7c66a0b77783c994cba88c3f83

https://github.com/primefaces/primeng/issues/11140

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/github-un7wh7sn?file=src%2Fapp%2Fapp.component.html

Environment

Windows 11

Angular version

20

PrimeNG version

v20

Node version

22

Browser(s)

No response

Steps to reproduce the behavior

add a toggleswitch with size property

Expected behavior

toggleswitch comes in different sizes depending on the size value

Contributor guide

Tech stack
angulartypescripthtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Angular knowledgePrimeNG component structureCSS/HTML
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50
Research direction
Examine the ToggleSwitch component template and CSS files. Look at the linked commit (ed8caba) for how the size property was supposed to be integrated. Check the component's CSS to see where the size class should be applied. Review the related issue #11140 for context. Implement the missing size references in the HTML template and CSS.