radio-group

1---
2import type { HTMLAttributes } from "astro/types"
3 
4import { cn } from "@/lib/utils"
5 
6type Props = HTMLAttributes<"div"> & {
7  defaultValue?: string
8  name?: string
9  disabled?: boolean
10  readOnly?: boolean
11  required?: boolean
12}
13 
14const {
15  class: className,
16  defaultValue,
17  name,
18  disabled,
19  readOnly,
20  required,
21  ...props
22} = Astro.props
23---
24 
25<div
26  data-slot="radio-group"
27  data-default-value={defaultValue}
28  data-name={name}
29  data-disabled={disabled}
30  data-read-only={readOnly}
31  data-required={required}
32  class={cn("grid w-full gap-3", className)}
33  {...props}
34>
35  <slot />
36</div>
37 
38<script>
39  import { create } from "@data-slot/radio-group"
40 
41  create()
42</script>