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
  8ad4b86a_a79b_6fea_752f_f60d2a6306e7["ArbitraryUtilityValue"]
  ba6fca27_7720_5839_0f92_bc2abb8db636["candidate.ts"]
  8ad4b86a_a79b_6fea_752f_f60d2a6306e7 -->|defined in| ba6fca27_7720_5839_0f92_bc2abb8db636
  style 8ad4b86a_a79b_6fea_752f_f60d2a6306e7 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