ui Architecture Docs
Home / File/ appearance-settings.tsx — ui Source File

appearance-settings.tsx — ui Source File

Architecture documentation for appearance-settings.tsx, a tsx file in the ui codebase. 7 imports, 0 dependents.

File tsx DocumentationAtlas Changelog 7 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  6d300fa7_2b5f_83d7_65d7_43526198e3ae["appearance-settings.tsx"]
  3eb36dd7_f51a_1431_02e2_7abafe315718["image"]
  6d300fa7_2b5f_83d7_65d7_43526198e3ae --> 3eb36dd7_f51a_1431_02e2_7abafe315718
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  6d300fa7_2b5f_83d7_65d7_43526198e3ae --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  169af77a_46c3_8fec_4801_f34a0f1a3471["field"]
  6d300fa7_2b5f_83d7_65d7_43526198e3ae --> 169af77a_46c3_8fec_4801_f34a0f1a3471
  d752035b_6ed3_c6ef_e27c_eef51af9ec8d["label"]
  6d300fa7_2b5f_83d7_65d7_43526198e3ae --> d752035b_6ed3_c6ef_e27c_eef51af9ec8d
  a3246e53_c55c_1cf0_424d_b2142e1739ab["radio-group"]
  6d300fa7_2b5f_83d7_65d7_43526198e3ae --> a3246e53_c55c_1cf0_424d_b2142e1739ab
  c2fa7225_1ddd_1cbc_8810_ee5e42af14d6["select"]
  6d300fa7_2b5f_83d7_65d7_43526198e3ae --> c2fa7225_1ddd_1cbc_8810_ee5e42af14d6
  38ebb3c2_9638_6c9d_8ced_a16ec1ff06c9["switch"]
  6d300fa7_2b5f_83d7_65d7_43526198e3ae --> 38ebb3c2_9638_6c9d_8ced_a16ec1ff06c9
  style 6d300fa7_2b5f_83d7_65d7_43526198e3ae fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Image from "next/image"
import { CheckIcon } from "lucide-react"

import {
  Field,
  FieldContent,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSeparator,
  FieldSet,
  FieldTitle,
} from "@/registry/new-york-v4/ui/field"
import { Label } from "@/registry/new-york-v4/ui/label"
import {
  RadioGroup,
  RadioGroupItem,
} from "@/registry/new-york-v4/ui/radio-group"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/registry/new-york-v4/ui/select"
import { Switch } from "@/registry/new-york-v4/ui/switch"

const modes = [
  {
    name: "Light",
    value: "light",
    image: "/placeholder.svg",
  },
  {
    name: "Dark",
    value: "dark",
    image: "/placeholder.svg",
  },
  {
    name: "System",
    value: "system",
    image: "/placeholder.svg",
  },
]

const accents = [
  {
    name: "Blue",
    value: "#007AFF",
  },
  {
    name: "Purple",
    value: "#6A4695",
  },
  {
    name: "Red",
    value: "#FF3B30",
  },
  {
// ... (109 more lines)

Domain

Subdomains

Functions

Dependencies

  • field
  • image
  • label
  • lucide-react
  • radio-group
  • select
  • switch

Source

Frequently Asked Questions

What does appearance-settings.tsx do?
appearance-settings.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in appearance-settings.tsx?
appearance-settings.tsx defines 1 function(s): AppearanceSettings.
What does appearance-settings.tsx depend on?
appearance-settings.tsx imports 7 module(s): field, image, label, lucide-react, radio-group, select, switch.
Where is appearance-settings.tsx in the architecture?
appearance-settings.tsx is located at apps/v4/app/(internal)/sink/(pages)/forms/appearance-settings.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/app/(internal)/sink/(pages)/forms).

Analyze Your Own Codebase

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

Try Supermodel Free