Index() — ui Function Reference

Architecture documentation for the Index() function in _index.tsx from the ui codebase.

Function tsx FrameworkTooling CLICore

Entity Profile

FrameworkTooling→ CLICore→ Index() — ui Function Reference

Dependency Diagram

graph TD
  bfed418f_e63b_574f_b0b8_11e5077387cc["Index()"]
  a581a49e_25c7_58f0_98bd_6c05766aa43d["_index.tsx"]
  bfed418f_e63b_574f_b0b8_11e5077387cc -->|defined in| a581a49e_25c7_58f0_98bd_6c05766aa43d
  style bfed418f_e63b_574f_b0b8_11e5077387cc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/test/fixtures/frameworks/remix/app/routes/_index.tsx lines 10–48

export default function Index() {
  return (
    <div className="font-sans p-4">
      <h1 className="text-3xl">Welcome to Remix</h1>
      <ul className="list-disc mt-4 pl-6 space-y-2">
        <li>
          <a
            className="text-blue-700 underline visited:text-purple-900"
            target="_blank"
            href="https://remix.run/start/quickstart"
            rel="noreferrer"
          >
            5m Quick Start
          </a>
        </li>
        <li>
          <a
            className="text-blue-700 underline visited:text-purple-900"
            target="_blank"
            href="https://remix.run/start/tutorial"
            rel="noreferrer"
          >
            30m Tutorial
          </a>
        </li>
        <li>
          <a
            className="text-blue-700 underline visited:text-purple-900"
            target="_blank"
            href="https://remix.run/docs"
            rel="noreferrer"
          >
            Remix Docs
          </a>
        </li>
      </ul>
    </div>
  );
}