Env File

Dotenv listing with sky keys, italic muted comments, and grouped sections separated by blank lines.

# Database
DATABASE_URL=postgres://localhost/beste
REDIS_URL=redis://localhost:6379
# API
API_KEY=sk_live_4242
PORT=3000

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Code12 } from "@/components/beste/piece/code12";

<Code12
  entries={[
    {
      "kind": "comment",
      "text": "# Database"
    },
    {
      "kind": "entry",
      "key": "DATABASE_URL",
      "value": "postgres://localhost/beste"
    },
    {
      "kind": "entry",
      "key": "REDIS_URL",
      "value": "redis://localhost:6379"
    },
    {
      "kind": "blank"
    },
    {
      "kind": "comment",
      "text": "# API"
    },
    {
      "kind": "entry",
      "key": "API_KEY",
      "value": "sk_live_4242"
    },
    {
      "kind": "entry",
      "key": "PORT",
      "value": "3000"
    }
  ]}
/>