Home / Type/ ArbitraryUtilityValue Type — tailwindcss Architecture

ArbitraryUtilityValue Type — tailwindcss Architecture

Architecture documentation for the ArbitraryUtilityValue type/interface in candidate.ts from the tailwindcss codebase.

Entity Profile

Dependency Diagram

graph TD
  c6704e7c_4609_a02c_dd7a_c7f01c38cd5d["ArbitraryUtilityValue"]
  669e6a28_c71f_3c5e_9c53_915cede7da78["candidate.ts"]
  c6704e7c_4609_a02c_dd7a_c7f01c38cd5d -->|defined in| 669e6a28_c71f_3c5e_9c53_915cede7da78
  style c6704e7c_4609_a02c_dd7a_c7f01c38cd5d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/candidate.ts lines 15–42

export type ArbitraryUtilityValue = {
  kind: 'arbitrary'

  /**
   * ```
   * bg-[color:var(--my-color)]
   *     ^^^^^
   *
   * bg-(color:--my-color)
   *     ^^^^^
   * ```
   */
  dataType: string | null

  /**
   * ```
   * bg-[#0088cc]
   *     ^^^^^^^
   *
   * bg-[var(--my_variable)]
   *     ^^^^^^^^^^^^^^^^^^
   *
   * bg-(--my_variable)
   *     ^^^^^^^^^^^^^^
   * ```
   */
  value: string
}

Frequently Asked Questions

What is the ArbitraryUtilityValue type?
ArbitraryUtilityValue is a type/interface in the tailwindcss codebase, defined in packages/tailwindcss/src/candidate.ts.
Where is ArbitraryUtilityValue defined?
ArbitraryUtilityValue is defined in packages/tailwindcss/src/candidate.ts at line 15.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free