functional() — tailwindcss Function Reference

Architecture documentation for the functional() function in utilities.ts from the tailwindcss codebase.

Function typescript OxideEngine Extractor calls 1 called by 2

Entity Profile

OxideEngine→ Extractor→ functional() — tailwindcss Function Reference

Dependency Diagram

graph TD
  2a767b71_a71c_597d_598f_9de772a6094a["functional()"]
  0c5b8668_83ec_35e3_3834_57140f6a2c3d["Utilities"]
  2a767b71_a71c_597d_598f_9de772a6094a -->|defined in| 0c5b8668_83ec_35e3_3834_57140f6a2c3d
  75cdf0b0_3569_52fd_7186_577645fd4872["createCssUtility()"]
  75cdf0b0_3569_52fd_7186_577645fd4872 -->|calls| 2a767b71_a71c_597d_598f_9de772a6094a
  2efa0a66_c375_c031_24ad_1f7509bb9b14["buildPluginApi()"]
  2efa0a66_c375_c031_24ad_1f7509bb9b14 -->|calls| 2a767b71_a71c_597d_598f_9de772a6094a
  826fa88e_aa5d_5bf5_f2c6_9a0302d5b02f["get()"]
  2a767b71_a71c_597d_598f_9de772a6094a -->|calls| 826fa88e_aa5d_5bf5_f2c6_9a0302d5b02f
  style 2a767b71_a71c_597d_598f_9de772a6094a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/utilities.ts lines 109–111

  functional(name: string, compileFn: CompileFn<'functional'>, options?: UtilityOptions) {
    this.utilities.get(name).push({ kind: 'functional', compileFn, options })
  }