Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ToggleSwitch: Theme change for icon support

See original GitHub issue

Description Mert we implemented: https://github.com/primefaces/primefaces/issues/7901

PR: https://github.com/primefaces/primefaces/pull/8322

I have a showcase example already built for you to make the necessary theme changes…

Some suggested CSS changes will be required like…

After adding line-height: 1.4em; text-align: center; it’s looking somewhat better.
Obviously the text color needs to be changed in the theme and content: "" needs to be removed.
But in general I must say that the circle is too small to contain icons. At normal text size the icon looks cramped. I feel it needs some padding.

Issue Analytics

State:
Created a year ago
Comments:12 (12 by maintainers)

Top GitHub Comments

1reaction

mellowarecommented, Jul 13, 2022

that looks great!

1reaction

jepsarcommented, Jul 13, 2022

Maybe this should be a new issue, but can we do a same animation as we have with speed dial?

https://www.primefaces.org/showcase/ui/button/speedDial.xhtml

See Transition Duration and Icon

Top Results From Across the Web

ToggleSwitch: On/off icon · Issue #7901 · primefaces ... - GitHub

I can do that by adding below lines to toggleswitch.css , and using primeicons. But I think this component need to be more...

How to change toggle to icon click (for switching to dark mode)

It currently has a toggle switch, which changes the layout from light to dark and vice versa. It is using the following code:...

ToggleSwitch | Dash for Python Documentation | Plotly

An example of a default toggle switch without any extra properties. ... Data Science Workspaces, which has typeahead support for Dash Component Properties....

Guidelines for toggle switch controls - Windows apps

In this article. Is this the right control? Choosing between toggle switch and check box; Recommendations; UWP and WinUI 2; Create a toggle...

CSS Dark Mode Toggle Button from scratch in 6 Minutes

Let's create a dark mode toggle switch /button from scratch in 6 minutes using only CSS!Download source code here: ...