Home / Function/ prefixKey() — tailwindcss Function Reference

prefixKey() — tailwindcss Function Reference

Architecture documentation for the prefixKey() function in theme.ts from the tailwindcss codebase.

Entity Profile

Dependency Diagram

graph TD
  21a2c14f_0801_6edc_2695_0f20586060e1["prefixKey()"]
  734cf7ec_fb2a_2532_7b20_b3a815c7e3e6["Theme"]
  21a2c14f_0801_6edc_2695_0f20586060e1 -->|defined in| 734cf7ec_fb2a_2532_7b20_b3a815c7e3e6
  47b4c875_7e44_6ff9_fb06_16ecf9254223["optimizeAst()"]
  47b4c875_7e44_6ff9_fb06_16ecf9254223 -->|calls| 21a2c14f_0801_6edc_2695_0f20586060e1
  8a1ac231_1225_a863_301e_a2e539358b72["entries()"]
  8a1ac231_1225_a863_301e_a2e539358b72 -->|calls| 21a2c14f_0801_6edc_2695_0f20586060e1
  93293d0f_8972_0a6a_eb24_f17846e7cfae["themeKey()"]
  93293d0f_8972_0a6a_eb24_f17846e7cfae -->|calls| 21a2c14f_0801_6edc_2695_0f20586060e1
  style 21a2c14f_0801_6edc_2695_0f20586060e1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/theme.ts lines 139–142

  prefixKey(key: string) {
    if (!this.prefix) return key
    return `--${this.prefix}-${key.slice(2)}`
  }

Domain

Subdomains

Frequently Asked Questions

What does prefixKey() do?
prefixKey() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/theme.ts.
Where is prefixKey() defined?
prefixKey() is defined in packages/tailwindcss/src/theme.ts at line 139.
What calls prefixKey()?
prefixKey() is called by 3 function(s): entries, optimizeAst, themeKey.

Analyze Your Own Codebase

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

Try Supermodel Free