field

1<script setup lang="ts">
2import type { HTMLAttributes } from "vue"
3import type { FieldVariants } from "."
4import { cn } from "@/lib/utils"
5import { fieldVariants } from "."
6 
7const props = defineProps<{
8  class?: HTMLAttributes["class"]
9  orientation?: FieldVariants["orientation"]
10}>()
11</script>
12 
13<template>
14  <div
15    role="group"
16    data-slot="field"
17    :data-orientation="orientation"
18    :class="cn(
19      fieldVariants({ orientation }),
20      props.class,
21    )"
22  >
23    <slot />
24  </div>
25</template>