snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/radix/radio-group-invalid.tsx

@@ -0,0 +1,39 @@
+import {
+  Field,
+  FieldDescription,
+  FieldLabel,
+  FieldLegend,
+  FieldSet,
+} from "@/styles/radix-nova/ui/field"
+import { RadioGroup, RadioGroupItem } from "@/styles/radix-nova/ui/radio-group"
+
+export function RadioGroupInvalid() {
+  return (
+    <FieldSet className="w-full max-w-xs">
+      <FieldLegend variant="label">Notification Preferences</FieldLegend>
+      <FieldDescription>
+        Choose how you want to receive notifications.
+      </FieldDescription>
+      <RadioGroup defaultValue="email">
+        <Field orientation="horizontal" data-invalid>
+          <RadioGroupItem value="email" id="invalid-email" aria-invalid />
+          <FieldLabel htmlFor="invalid-email" className="font-normal">
+            Email only
+          </FieldLabel>
+        </Field>
+        <Field orientation="horizontal" data-invalid>
+          <RadioGroupItem value="sms" id="invalid-sms" aria-invalid />
+          <FieldLabel htmlFor="invalid-sms" className="font-normal">
+            SMS only
+          </FieldLabel>
+        </Field>
+        <Field orientation="horizontal" data-invalid>
+          <RadioGroupItem value="both" id="invalid-both" aria-invalid />
+          <FieldLabel htmlFor="invalid-both" className="font-normal">
+            Both Email & SMS
+          </FieldLabel>
+        </Field>
+      </RadioGroup>
+    </FieldSet>
+  )
+}