SettingsAppearancePage() — ui Function Reference

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

Function tsx ComponentRegistry Styles

Entity Profile

ComponentRegistry→ Styles→ SettingsAppearancePage() — ui Function Reference

Dependency Diagram

graph TD
  05060e5f_a9b8_7815_9fc6_aa6495a51c9c["SettingsAppearancePage()"]
  b87a8551_8c62_bda7_dc6a_77bb717d5802["page.tsx"]
  05060e5f_a9b8_7815_9fc6_aa6495a51c9c -->|defined in| b87a8551_8c62_bda7_dc6a_77bb717d5802
  style 05060e5f_a9b8_7815_9fc6_aa6495a51c9c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/app/(app)/examples/forms/appearance/page.tsx lines 4–18

export default function SettingsAppearancePage() {
  return (
    <div className="space-y-6">
      <div>
        <h3 className="text-lg font-medium">Appearance</h3>
        <p className="text-sm text-muted-foreground">
          Customize the appearance of the app. Automatically switch between day
          and night themes.
        </p>
      </div>
      <Separator />
      <AppearanceForm />
    </div>
  )
}