Skip to content

Instantly share code, notes, and snippets.

// src/components/ui/Icon/Icon.tsx
import * as LucideIcons from "lucide-react";
import { tv, type VariantProps } from "tailwind-variants";
export const iconVariants = tv({
base: "shrink-0 transition-colors",
variants: {
size: {
xs: "size-3.5", // 14px
sm: "size-4", // 16px
// src/components/ui/Icon/Icon.tsx
import * as LucideIcons from "lucide-react";
import { tv, type VariantProps } from "tailwind-variants";
export const iconVariants = tv({
base: "shrink-0 transition-colors",
variants: {
size: {
xs: "size-3.5", // 14px
sm: "size-4", // 16px