Programemos Cosas

Quiero que el glyph para el estado indeterminate de un Checkbox de shadcn/ui con Radix UI sea una raya horizontal. Para lograr que el checkbox de shadcn/ui (que utiliza Radix UI) muestre una raya horizontal en el estado indeterminate , debemos modificar el componente para que detecte dicho estado y renderice un icono diferente al de verificación ( Check ). He preparado una versión completa y funcional del componente Checkbox junto con un ejemplo de uso para que puedas probarlo directamente. Checkbox de Shadcn con Estado Indeterminado Feb 28, 1:45 PM import React , { useState , useEffect } from "react" import * as CheckboxPrimitive from "@radix-ui/react-checkbox" import { Check , Minus } from "lucide-react" import { clsx , type ClassValue } from "clsx" import { twMerge } from "tailwind-merge" // Utilidad para manejar clases de Tailwind function cn (... inputs : ClassValue []) { return twMerge ( clsx ( ...

  ¿Cómo es eso de que Shadcn/ui se puede utilizar con Radix UI pero también con Base UI? Shadcn/ui ahora permite elegir entre dos librerías de componentes base: Radix UI o Base UI. Ambas ofrecen primitives accesibles y altamente personalizables, pero con diferencias en arquitectura y estilo de implementación. Podés usar cualquiera como base para tus componentes, según tus preferencias. 🔹 ¿Qué son Radix UI y Base UI? Característica Radix UI Base UI Origen Original base de shadcn/ui Alternativa moderna creada por el mismo equipo Estilo de API Usa asChild con Slot Usa render prop con useRender Modularidad Paquetes separados por componente Paquete único @base-ui/react Popularidad Muy extendido en la comunidad React Más nuevo, pero con adopción creciente Migración Fácil gracias a documentación oficial Compatible con shadcn/ui desde diciembre 2025 🔹 ¿Cómo se elige entre Radix y Base UI? Cuando ejecutás: bash npx shadcn-ui@latest init El CLI te pregunta si querés usar Radix UI o Base...