tailwindcss Architecture Docs
Home / Function/ prefixKey() — tailwindcss Function Reference

prefixKey() — tailwindcss Function Reference

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

Function typescript Oxide PreProcessors called by 3

Entity Profile

Dependency Diagram

graph TD
  7d80bf29_fbd8_157c_53c6_1be9105005cc["prefixKey()"]
  e7a2e966_188e_28f5_d9d6_e54e27e0d0f2["Theme"]
  7d80bf29_fbd8_157c_53c6_1be9105005cc -->|defined in| e7a2e966_188e_28f5_d9d6_e54e27e0d0f2
  9f2a64dc_05ff_3425_1af8_f2dbd33c3b9a["optimizeAst()"]
  9f2a64dc_05ff_3425_1af8_f2dbd33c3b9a -->|calls| 7d80bf29_fbd8_157c_53c6_1be9105005cc
  333e8e98_491a_3493_516c_169c024de8d8["entries()"]
  333e8e98_491a_3493_516c_169c024de8d8 -->|calls| 7d80bf29_fbd8_157c_53c6_1be9105005cc
  86530d3b_8bf7_83f5_43db_f717b3ab4ece["themeKey()"]
  86530d3b_8bf7_83f5_43db_f717b3ab4ece -->|calls| 7d80bf29_fbd8_157c_53c6_1be9105005cc
  style 7d80bf29_fbd8_157c_53c6_1be9105005cc 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

Defined In

Called By

Source

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