\n\nThese are my styles... at first I thought \"peer\" might help, but the button is wrapped in a div so it doesn't work...\n\n```html\n\u003CURadioGroup\n :items=\"option.options\"\n orientation=\"horizontal\"\n :ui=\"{\n root: 'relative',\n fieldset: 'inline-flex flex-row gap-0 border border-gray-200',\n item: 'item relative text-md border-r border-gray-200 last:border-r-0',\n base: 'base peer absolute inset-0 size-auto rounded-none ring-0 ring-inset ring-[var(--ui-border-accented)] focus-visible:outline-2 focus-visible:outline-offset-2',\n indicator:\n 'indicator flex items-center justify-center size-full rounded-none after:bg-transparent after:rounded-full',\n container: 'container block absolute inset-0 h-auto',\n wrapper: 'wrapper relative ms-auto me-auto ',\n label:\n 'label p-2 block font-medium text-[var(--ui-text)] peer-aria-checked:text-white',\n }\"\n >\n```\n\nAny ideas if there could be solutions with tw 4.0 that I don't know about? Or do I need to wrap this as a component and just use some logic to set the text colour of the label?\n\nmerry christmas,\ngregor ;)",[2074,2077],{"name":2075,"color":2076},"question","d876e3",{"name":2078,"color":2079},"v3","49DCB8",2954,"ui","Radiogroup styled as togglebuttongroup","2024-12-25T11:09:53Z","https://github.com/nuxt/ui/issues/2954",0.78451073,{"description":2087,"labels":2088,"number":2090,"owner":1988,"repository":2005,"state":2006,"title":2091,"updated_at":2092,"url":2093,"score":2094},"all the info are on [the form](https://docs.google.com/forms/d/1wj_8SJSKsBbAl2LHP_FXN1hmX2F9q0exgnMgnqItOew/edit#response=ACYDBNjKXaVdU_KhgDeWsznpGPw5J7I9INdTZAlDmsSZnO7bZ7nSHVlTCj9uZvpc67YCsL0)\n\n+logos in your mailbox !",[2089],{"name":2002,"color":2003},1191,"Build Nordic Web Team partner page","2023-06-06T12:14:44Z","https://github.com/nuxt/nuxt.com/issues/1191",0.7879255,{"description":2096,"labels":2097,"number":2098,"owner":1988,"repository":2005,"state":2006,"title":2099,"updated_at":2100,"url":2101,"score":2102},"- Track outbound link: https://plausible.io/docs/outbound-link-click-tracking (more details on https://plausible.io/blog/track-outbound-link-clicks)\n- Custom events + custom prop\n - On partner display: 'Display Partner', { partner: 'Ship Shape' }\n - On partner page view: 'View Partner', { partner: 'Ship Shape' }\n - When click on Visit website: 'Visit Partner', { partner: 'Ship Shape' })",[],992,"[Partner] Track more data with plausible","2022-11-21T11:41:21Z","https://github.com/nuxt/nuxt.com/issues/992",0.7890236,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"xT6OTaAtILzHy0uxsYVSKlGJiJwMilt2Yq14cfqB19k":-1},"/nuxt/nuxt.com/1000"]