dropdown-menu/dropdown-menu-radio-item.vue

php-saas · stacks/vue/src/components/ui/dropdown-menu/dropdown-menu-radio-item.vue · vue · MIT
ui, UI / Frontend

Styled radio item for dropdown menus with check indicator

<!--
  Source: https://github.com/php-saas/php-saas | License: MIT | Copyright Saeed Vaziry
  Provided via justclaw.it.com; keep this notice with the code.
-->
<script setup lang="ts">
import { cn } from "@/lib/utils";
import { Check } from "lucide-vue-next";
import {
  DropdownMenuItemIndicator,
  DropdownMenuRadioItem,
  type DropdownMenuRadioItemEmits,
  type DropdownMenuRadioItemProps,
  useForwardPropsEmits,
} from "reka-ui";
import { computed, type HTMLAttributes } from "vue";

const props = defineProps<
  DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }
>();

const emits = defineEmits<DropdownMenuRadioItemEmits>();

const delegatedProps = computed(() => {
  const { class: _, ...delegated } = props;

  return delegated;
});

const forwarded = useForwardPropsEmits(dele

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key