Home / Function/ key() — tailwindcss Function Reference

key() — tailwindcss Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  f57da9b2_7570_6ad4_eb26_4ab605e09971["key()"]
  e7a2e966_188e_28f5_d9d6_e54e27e0d0f2["Theme"]
  f57da9b2_7570_6ad4_eb26_4ab605e09971 -->|defined in| e7a2e966_188e_28f5_d9d6_e54e27e0d0f2
  style f57da9b2_7570_6ad4_eb26_4ab605e09971 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/theme.ts lines 144–147

  #unprefixKey(key: string) {
    if (!this.prefix) return key
    return `--${key.slice(3 + this.prefix.length)}`
  }

Domain

Subdomains

Frequently Asked Questions

What does key() do?
key() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/theme.ts.
Where is key() defined?
key() is defined in packages/tailwindcss/src/theme.ts at line 144.

Analyze Your Own Codebase

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

Try Supermodel Free