ColorsPage() — ui Function Reference

Architecture documentation for the ColorsPage() function in page.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ColorsPage() — ui Function Reference

Dependency Diagram

graph TD
  7bfd2232_2a26_12b0_790b_09719b2d3d07["ColorsPage()"]
  934eb06b_c3c7_b674_90c5_6145af3a58f1["page.tsx"]
  7bfd2232_2a26_12b0_790b_09719b2d3d07 -->|defined in| 934eb06b_c3c7_b674_90c5_6145af3a58f1
  style 7bfd2232_2a26_12b0_790b_09719b2d3d07 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/colors/page.tsx lines 7–17

export default function ColorsPage() {
  const colors = getColors()

  return (
    <div className="grid gap-8 lg:gap-16 xl:gap-20">
      {colors.map((colorPalette) => (
        <ColorPalette key={colorPalette.name} colorPalette={colorPalette} />
      ))}
    </div>
  )
}