Home / Function/ designSystem() — tailwindcss Function Reference

designSystem() — tailwindcss Function Reference

Architecture documentation for the designSystem() function in stylesheet.ts from the tailwindcss codebase.

Entity Profile

Dependency Diagram

graph TD
  67a671b0_17a9_8bcd_9dd5_647c44d3e90c["designSystem()"]
  c1db9de2_3654_d42b_b9f2_1c5a0ccbd307["run()"]
  c1db9de2_3654_d42b_b9f2_1c5a0ccbd307 -->|calls| 67a671b0_17a9_8bcd_9dd5_647c44d3e90c
  style 67a671b0_17a9_8bcd_9dd5_647c44d3e90c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/stylesheet.ts lines 278–285

  async designSystem(): Promise<Awaited<ReturnType<typeof __unstable__loadDesignSystem>> | null> {
    if (!this.isTailwindRoot) return null
    if (!this.file) return null

    return __unstable__loadDesignSystem(this.root.toString(), {
      base: path.dirname(this.file),
    })
  }

Domain

Subdomains

Called By

Frequently Asked Questions

What does designSystem() do?
designSystem() is a function in the tailwindcss codebase.
What calls designSystem()?
designSystem() is called by 1 function(s): run.

Analyze Your Own Codebase

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

Try Supermodel Free