I have changed the background color to identical, but how can the text colour be equated?
You can pass your custom classes to endContent (or startContent)
endContent: "text-success-foreground"
Also it seems NextUI will clear the classes passed to startContent and endContent? If at all possible, I would also like to give ml-1 to the left label and mr-1 to the right label. How to do it? Thanks.
Not really. If you are talking about margin, then you won't see any changes because label has absolute class. I think what you can do is to increase the width and adjust the padding.
HeroUI
heroui.com › docs › components › switch
Switch | HeroUI v3 (Previously NextUI) - Beautiful by default, customizable by design.
"use client"; import {Label, Switch} from "@heroui/react"; export function CustomRenderFunction() {Expand code ... import { Switch, Label } from '@heroui/react'; function CustomSwitch() { return ( <Switch> {({isSelected}) => ( <> <Switch.Control className={`h-[31px] w-[51px] bg-blue-500 ${isSelected ?
Heroui
v3.heroui.com › docs › components › switch
Switch | HeroUI v3 (Previously NextUI) - Beautiful by default, customizable by design.
import { Switch, Label } from '@heroui/react'; export default () => ( <Switch> <Switch.Control> <Switch.Thumb> <Switch.Icon/> {/* Optional */} </Switch.Thumb> </Switch.Control> <Label/> {/* Optional */} </Switch> );
How to make the two states of a Switch with text have the same appearance?
CodeSandbox I use Switch to switch between two options, so semantically it is not "enabled" vs. "disabled" and I want to make the appearance of the wrapper and the texts to look the same under eith... More on github.com
2
1
July 2, 2024NextUI re-brands to HeroUI
Shoud i use ShadcnUI or HeroUI? More on reddit.com
25
31
January 16, 2025[BUG] - HeroUI Theme doesn't switch consistently when having a system option
HeroUI Version "@heroui/react": "^2.7.11", "@heroui/use-theme": "^2.1.9", Describe the bug The theme doesn't change how I want to Your Example Website or App No response Steps to Reproduce the Bug ... More on github.com
2
July 10, 2025[BUG] - Animations/transitions not working in components like Switch
HeroUI Version @heroui/navbar: 2.2.26 @heroui/react: 2.8.6 @heroui/switch: 2.2.25 @heroui/system: 2.4.24 @heroui/theme: 2.4.24 @heroui/toast: 2.0.18 framer-motion: 12.23.26 Describe the bug Transit... More on github.com
3
December 18, 2025Videos
10:53
Heroki Gameplay Nintendo Switch - YouTube
Heroki annoncé sur Switch pour le 20 juillet - Vidéo Dailymotion
29:54
Heroki Nintendo Switch Gameplay - YouTube
03:07
Heroki (Switch) Review - YouTube
01:12
Heroki Announcement Trailer - Nintendo Switch - YouTube
npm
npmjs.com › package › @heroui › switch
heroui/switch
A switch is similar to a checkbox, but represents on/off values as opposed to selection.. Latest version: 2.2.24, last published: 2 months ago. Start using @heroui/switch in your project by running `npm i @heroui/switch`. There are 16 other ...
» npm install @heroui/switch
Published Oct 04, 2025
Version 2.2.24
Author HeroUI
Repository https://github.com/heroui-inc/heroui
Homepage https://heroui.com
Figma
figma.com › community › file › 1267584376234254760 › heroui-figma-kit-community
HeroUI Figma Kit (Community) | Figma
Official HeroUI Figma UI Kit 🚀 (Previously NextUI) Introducing the official HeroUI (Community) Figma UI Kit 🚀, a work-in-progress resource designed to empower your design process with HeroUI's components. Update We're working now on HeroUI v3, you can learn more here https://v3.heroui.com/ http...
Translate
www-heroui-com.translate.goog › docs › components › switch
Switch | HeroUI (Previously NextUI) - Beautiful, fast and modern React UI Library
The Switch component is used as an alternative between checked and not checked states. Storybook @heroui/switch React Aria Source Styles source
GitHub
github.com › heroui-inc › heroui › tree › main › packages › components › switch
heroui/packages/components/switch at main · heroui-inc/heroui
The Switch component is used as an alternative between checked and not checked states.
Author heroui-inc
Rdrr.io
rdrr.io › cran › shinyNextUI › man › switch.html
switch: switch in shinyNextUI: 'HeroUI' 'React' Template for 'shiny' Apps
April 4, 2025 - switch_input(inputId, ..., value = default_value) update_switch_input(session = shiny::getDefaultReactiveDomain(), inputId, ...)
DeepWiki
deepwiki.com › heroui-inc › heroui-native › 4.2.2-accordion
Switch | heroui-inc/heroui-native | DeepWiki
November 28, 2025 - The Switch component is a toggle control that allows users to switch between selected and unselected states. It implements the compound component pattern with animated thumb movement, customizable con
GitHub
github.com › heroui-inc › heroui
GitHub - heroui-inc/heroui: 🚀 Beautiful, fast and modern React UI library. (Previously NextUI)
January 30, 2026 - Visit https://heroui.com/docs/quick-start to get started with HeroUI.
Starred by 28.9K users
Forked by 2.1K users
Languages TypeScript 57.5% | MDX 35.8% | CSS 4.5% | JavaScript 2.1%
GitHub
github.com › nextui-org › nextui › discussions › 545
Requesting: Switch component accessibility improvements. · heroui-inc/heroui · Discussion #545
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert · {{ message }} heroui-inc / heroui Public ·
Author heroui-inc
jsDelivr
jsdelivr.com › package › npm › @heroui › switch
@heroui/switch CDN by jsDelivr - A CDN for npm and GitHub
October 4, 2025 - A free, fast, and reliable CDN for @heroui/switch. A switch is similar to a checkbox, but represents on/off values as opposed to selection.
Published Jan 09, 2025
Repository https://github.com/heroui-inc/heroui
Daily.dev
app.daily.dev › home › heroui › introducing heroui
nextui is now heroui! 🌟
- why the change?: as our mission expanded beyond next.js, we rebranded to reflect our broader focus on the entire react ecosystem (and beyond).
- migration: seamless updates with one command:
```
npx @heroui/codemod@latest migrate
```
- **what’s next?**: new components (like toast and carousel), tailwind css v4 support, improved apis, and heroui v3 with refreshed designs and reduced bundle size
for more details and migration guidance, check our [blog post](https://www.heroui.com/blog/introducing-heroui). 🚀
join the conversation on our [discord](https://discord.gg/9b6yyzkmh4) and get ready for exciting updates ahead! 🎉
Introducing HeroUI NextUI is now HeroUI! 🌟 - Why...
January 17, 2025 - HeroUI is the new name for NextUI, ... No breaking changes are introduced in the migration, and key updates include a switch from `nextui-cli` to `heroui-cli` and ......
New Releases
newreleases.io › project › github › heroui-inc › heroui › release › @heroui › switch@2.2.10
heroui-inc/heroui @heroui/switch@2.2.10 on GitHub
February 18, 2025 - New release heroui-inc/heroui version @heroui/switch@2.2.10 on GitHub.
Reddit
reddit.com › r/react › nextui re-brands to heroui
r/react on Reddit: NextUI re-brands to HeroUI
January 16, 2025 - I don’t recommend using HeroUI for production projects. They started as NextUI, and the migration to HeroUI was rough, with many components breaking and requiring manual fixes. On top of that, their component APIs have changed frequently, causing additional breakages on each update.
GitHub
github.com › heroui-inc › heroui › issues › 5469
[BUG] - HeroUI Theme doesn't switch consistently when having a system option · Issue #5469 · heroui-inc/heroui
July 10, 2025 - [BUG] - HeroUI Theme doesn't switch consistently when having a system option#5469 · Copy link · Assignees · Labels · 🐛 Type: BugSomething isn't workingSomething isn't working · Stybo · opened · on Jul 10, 2025 · Issue body actions · "@heroui/react": "^2.7.11", "@heroui/use-theme": "^2.1.9", The theme doesn't change how I want to ·
Author Stybo
GitHub
github.com › heroui-inc › heroui › issues › 6005
[BUG] - Animations/transitions not working in components like Switch · Issue #6005 · heroui-inc/heroui
December 18, 2025 - Transitons are not working in the components like SWITCH, when we click on switch, the button doesnt animate to the clicked state, and simply shows there.
Author NaviTheCoderboi
HeroUI
heroui.com › docs › native › components
All Components | HeroUI v3 (Previously NextUI) - Beautiful by default, customizable by design.
Explore the full list of components available in HeroUI Native. More are on the way. Button · CloseButton · LinkButton · MenuUpdated · TagGroup · Slider · Switch · Checkbox · ControlField · Description · FieldError · Input · InputGroup · InputOTP · Label ·
Reddit
reddit.com › r/heroshour › switch version and support in general
r/heroshour on Reddit: Switch version and support in general
April 30, 2024 -
Does anyone know if the game is being actively supported by the devs? Especially the switch version? I'm really enjoying but having glitches like digging for pearls as tide causing the game to crash and just wondering if the devs are active or not.
Edit: I believe the skill tree randomization option is also not working properly.
Top answer 1 of 5
4
The devs are active. But they are such a small group it takes a long time for updates. We just gotta be patient with them.
2 of 5
3
I'm also not sure the tidal factions temple is working on switch either. I can't seem to figure out how to use it to place a boat. Super fun little game tho, I've been playing it to death lmao