functional() — tailwindcss Function Reference

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

Function typescript CompilerEngine AstTransformation calls 1 called by 2

Entity Profile

CompilerEngine→ AstTransformation→ functional() — tailwindcss Function Reference

Dependency Diagram

graph TD
  c0082127_5fa8_53a3_42a8_ebd3055f8a2f["functional()"]
  5c9381d6_815c_d899_eaab_849d755be47e["createCssUtility()"]
  5c9381d6_815c_d899_eaab_849d755be47e -->|calls| c0082127_5fa8_53a3_42a8_ebd3055f8a2f
  ad196438_55f7_af7b_1604_1d75c1c27d8e["buildPluginApi()"]
  ad196438_55f7_af7b_1604_1d75c1c27d8e -->|calls| c0082127_5fa8_53a3_42a8_ebd3055f8a2f
  c9955487_1860_09fc_569b_44f655a0567c["get()"]
  c0082127_5fa8_53a3_42a8_ebd3055f8a2f -->|calls| c9955487_1860_09fc_569b_44f655a0567c
  style c0082127_5fa8_53a3_42a8_ebd3055f8a2f 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 })
  }