functional() — tailwindcss Function Reference

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

Function typescript Oxide Scanner calls 1 called by 2

Entity Profile

Oxide→ Scanner→ functional() — tailwindcss Function Reference

Dependency Diagram

graph TD
  a5656dd3_93ce_c98d_6cec_38309e85d053["functional()"]
  e0663e8a_2f7d_8f2f_d3e7_62f07eccc486["Utilities"]
  a5656dd3_93ce_c98d_6cec_38309e85d053 -->|defined in| e0663e8a_2f7d_8f2f_d3e7_62f07eccc486
  1b775438_02d9_5178_6806_405c3c0b5328["createCssUtility()"]
  1b775438_02d9_5178_6806_405c3c0b5328 -->|calls| a5656dd3_93ce_c98d_6cec_38309e85d053
  31653e23_464a_3652_4a48_0c82332a92c4["buildPluginApi()"]
  31653e23_464a_3652_4a48_0c82332a92c4 -->|calls| a5656dd3_93ce_c98d_6cec_38309e85d053
  0e687735_200d_7212_bbf6_504ebc1bfe77["get()"]
  a5656dd3_93ce_c98d_6cec_38309e85d053 -->|calls| 0e687735_200d_7212_bbf6_504ebc1bfe77
  style a5656dd3_93ce_c98d_6cec_38309e85d053 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 })
  }