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 CompilerEngine AstTransformation called by 3

Entity Profile

Dependency Diagram

graph TD
  fd0b3d51_296f_d8dc_755c_ae2bc21124e9["prefixKey()"]
  ec867cf3_916b_0d16_65ec_c715e69fee03["optimizeAst()"]
  ec867cf3_916b_0d16_65ec_c715e69fee03 -->|calls| fd0b3d51_296f_d8dc_755c_ae2bc21124e9
  92969a3b_d253_e151_139a_8e2f44014af0["entries()"]
  92969a3b_d253_e151_139a_8e2f44014af0 -->|calls| fd0b3d51_296f_d8dc_755c_ae2bc21124e9
  63d678ab_e176_afe3_714c_c0d55120dc20["themeKey()"]
  63d678ab_e176_afe3_714c_c0d55120dc20 -->|calls| fd0b3d51_296f_d8dc_755c_ae2bc21124e9
  style fd0b3d51_296f_d8dc_755c_ae2bc21124e9 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

Called By

Source

Frequently Asked Questions

What does prefixKey() do?
prefixKey() is a function in the tailwindcss codebase.
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