\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 ;)",[3116,3119],{"name":3117,"color":3118},"question","d876e3",{"name":3120,"color":3121},"v3","49DCB8",2954,"ui","Radiogroup styled as togglebuttongroup","2024-12-25T11:09:53Z","https://github.com/nuxt/ui/issues/2954",0.78052056,{"description":3129,"labels":3130,"number":3132,"owner":3030,"repository":3047,"state":3048,"title":3133,"updated_at":3134,"url":3135,"score":3136},"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 !",[3131],{"name":3044,"color":3045},1191,"Build Nordic Web Team partner page","2023-06-06T12:14:44Z","https://github.com/nuxt/nuxt.com/issues/1191",0.7831236,{"description":3138,"labels":3139,"number":3140,"owner":3030,"repository":3047,"state":3048,"title":3141,"updated_at":3142,"url":3143,"score":3144},"- 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.7846344,["Reactive",3146],{},["Set"],["ShallowReactive",3149],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fxT6OTaAtILzHy0uxsYVSKlGJiJwMilt2Yq14cfqB19k":-1},"/nuxt/nuxt.com/1000"]