Tabs

The Tabs component from the Prose collection allows you to create tabbed interfaces in your content.

Source code

Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Variants

Separate

PostgreSQL Column Types

import { integer, pgTable } from "drizzle-orm/pg-core";

export const table = pgTable("table", {
  int: integer("int"),
});

Card

Setting Up Express API

First, initialize your project and install the required dependencies:

mkdir my-express-api && cd my-express-api
npm init -y

# Install core dependencies
npm install express cors helmet morgan

# Install development dependencies
npm install -D nodemon @types/node typescript ts-node

Create your basic project structure:

mkdir src routes middleware controllers
touch src/app.ts src/server.ts

Update your package.json scripts:

json

package.json

{
  "scripts": {
    "dev": "nodemon src/server.ts",
    "build": "tsc",
    "start": "node dist/server.js",
    "test": "jest"
  }
}

Line Style

Combobox

PostgreSQL Column Types

import { integer, pgTable } from "drizzle-orm/pg-core";

export const table = pgTable("table", {
  int: integer("int"),
});

Synced Tabs

Scope 1

Scope 2