Function variant

  • variant<SemClass>(semClass): SemClass extends "base-100" | "base-200" | "base-300"
        ? `bg-${SemClass} text-base-content`
        : `bg-${SemClass} text-${SemClass}-content`

  • Combines daisy ui semantic background and text classes into one.

    Example: variant("primary") -> "bg-primary text-primary-content"

    Type Parameters

    • SemClass extends
          | "primary"
          | "secondary"
          | "accent"
          | "base-100"
          | "base-200"
          | "base-300"
          | "neutral"
          | "success"
          | "info"
          | "error"
          | "warning"

    Parameters

    • semClass: SemClass

      daisy ui semantic class

    Returns SemClass extends "base-100" | "base-200" | "base-300"
        ? `bg-${SemClass} text-base-content`
        : `bg-${SemClass} text-${SemClass}-content`

    variant combining background and text

Settings

Member Visibility