### Install Onboarding CI/CD Setup with bun

Source: https://www.shadcn.io/blocks/onboarding-ci-cd-setup

Use this command to install the CI/CD setup block using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-ci-cd-setup.json
```

--------------------------------

### Install Onboarding Guided Walkthrough with bun

Source: https://www.shadcn.io/blocks/onboarding-guided-walkthrough

Use this command to install the guided walkthrough block using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-guided-walkthrough.json
```

--------------------------------

### Install Onboarding Guided Walkthrough with npm

Source: https://www.shadcn.io/blocks/onboarding-guided-walkthrough

Use this command to install the guided walkthrough block using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-guided-walkthrough.json
```

--------------------------------

### Install Onboarding CI/CD Setup with npm

Source: https://www.shadcn.io/blocks/onboarding-ci-cd-setup

Use this command to install the CI/CD setup block using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-ci-cd-setup.json
```

--------------------------------

### Install Stepper Onboarding Guide with bun

Source: https://www.shadcn.io/blocks/stepper-onboarding-guide

Use this command to install the stepper onboarding guide component using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/stepper-onboarding-guide.json
```

--------------------------------

### Install Onboarding Domain Setup with bun

Source: https://www.shadcn.io/blocks/onboarding-domain-setup

Use this command to install the Onboarding Domain Setup block using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-domain-setup.json
```

--------------------------------

### Install Onboarding Environment Setup with bun

Source: https://www.shadcn.io/blocks/onboarding-environment-setup

Use this command to install the onboarding environment setup block using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-environment-setup.json
```

--------------------------------

### Install Onboarding CI/CD Setup with pnpm

Source: https://www.shadcn.io/blocks/onboarding-ci-cd-setup

Use this command to install the CI/CD setup block using pnpm.

```bash
pnpm dlx shadcn@latest add https://www.shadcn.io/r/onboarding-ci-cd-setup.json
```

--------------------------------

### Install Onboarding CI/CD Setup with yarn

Source: https://www.shadcn.io/blocks/onboarding-ci-cd-setup

Use this command to install the CI/CD setup block using yarn.

```bash
yarn dlx shadcn@latest add https://www.shadcn.io/r/onboarding-ci-cd-setup.json
```

--------------------------------

### Install Onboarding Guided Walkthrough with yarn

Source: https://www.shadcn.io/blocks/onboarding-guided-walkthrough

Use this command to install the guided walkthrough block using yarn.

```bash
yarn dlx shadcn@latest add https://www.shadcn.io/r/onboarding-guided-walkthrough.json
```

--------------------------------

### Install Stepper Onboarding Guide with npm

Source: https://www.shadcn.io/blocks/stepper-onboarding-guide

Use this command to install the stepper onboarding guide component using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/stepper-onboarding-guide.json
```

--------------------------------

### Install Onboarding Environment Setup with yarn

Source: https://www.shadcn.io/blocks/onboarding-environment-setup

Use this command to install the onboarding environment setup block using yarn.

```bash
yarn dlx shadcn@latest add https://www.shadcn.io/r/onboarding-environment-setup.json
```

--------------------------------

### Install Onboarding Pipeline Setup with bun

Source: https://www.shadcn.io/blocks/onboarding-pipeline-setup

Use this command to install the onboarding pipeline setup block using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-pipeline-setup.json
```

--------------------------------

### Install Onboarding Environment Setup with pnpm

Source: https://www.shadcn.io/blocks/onboarding-environment-setup

Use this command to install the onboarding environment setup block using pnpm.

```bash
pnpm dlx shadcn@latest add https://www.shadcn.io/r/onboarding-environment-setup.json
```

--------------------------------

### Install Onboarding Sample Data with bun

Source: https://www.shadcn.io/blocks/onboarding-sample-data

Use this command to install the onboarding sample data component using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-sample-data.json
```

--------------------------------

### Install Empty State Component with bunx

Source: https://www.shadcn.io/blocks/empty-state-getting-started

Use this command to install the empty state getting started component using bunx.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/empty-state-getting-started.json
```

--------------------------------

### Install Onboarding Domain Setup with npm

Source: https://www.shadcn.io/blocks/onboarding-domain-setup

Use this command to install the Onboarding Domain Setup block using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-domain-setup.json
```

--------------------------------

### Install Empty State Component with pnpm

Source: https://www.shadcn.io/blocks/empty-state-getting-started

Use this command to install the empty state getting started component using pnpm.

```bash
pnpm dlx shadcn@latest add https://www.shadcn.io/r/empty-state-getting-started.json
```

--------------------------------

### Install Onboarding API Key Setup with bun

Source: https://www.shadcn.io/blocks/onboarding-api-key-setup

Use this command to install the Onboarding API Key Setup component using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-api-key-setup.json
```

--------------------------------

### Install Empty State Component with npm

Source: https://www.shadcn.io/blocks/empty-state-getting-started

Use this command to install the empty state getting started component using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/empty-state-getting-started.json
```

--------------------------------

### Toggle With Text Example

Source: https://www.shadcn.io/view/toggle/with-text

This is a basic example of a toggle component that includes text labels. Ensure you have the necessary dependencies and have followed the shadcn/ui setup guide.

```typescript
import {
  ToggleGroup,
  ToggleGroupItem,
} from "@/components/ui/toggle-group";

export function ToggleGroupDemo() {
  return (
    <ToggleGroup type="multiple" className="inline-flex">
      <ToggleGroupItem value="bold" aria-label="Toggle bold">
        Bold
      </ToggleGroupItem>
      <ToggleGroupItem value="italic" aria-label="Toggle italic">
        Italic
      </ToggleGroupItem>
      <ToggleGroupItem value="underline" aria-label="Toggle underline">
        Underline
      </ToggleGroupItem>
    </ToggleGroup>
  );
}
```

--------------------------------

### Prompt AI Agent to Install Castle Icon

Source: https://www.shadcn.io/icon/fluent-emoji-high-contrast-castle

Example of prompting an AI agent like Claude Code to install the Castle icon. This showcases the integration with AI development tools for quick setup.

```bash
`$ claude mcp add shadcnio/fluent-emoji-high-contrast/castle`
```

--------------------------------

### Usage Example: Stackshare Icon in React/Next.js

Source: https://www.shadcn.io/icon/cib-stackshare

Import and use the Stackshare icon component within your React or Next.js application. No specific setup is required beyond installing the icon.

```jsx
import { Stackshare } from "icons/stackshare";

function MyComponent() {
  return <Stackshare />;
}
```

--------------------------------

### Install Onboarding Billing Setup with npm

Source: https://www.shadcn.io/blocks/onboarding-billing-setup

Install the onboarding billing setup component using the shadcn CLI with npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-billing-setup.json
```

--------------------------------

### Usage Example in Next.js or React

Source: https://www.shadcn.io/icon/cbi-panel-glass-door2-close

Import and use the Panel Glass Door2 Close icon component within your React or Next.js application. No specific setup is mentioned beyond having the icon installed.

```jsx
import { PanelGlassDoor2Close } from "icons/custom";

function MyComponent() {
  return <PanelGlassDoor2Close />;
}
```

--------------------------------

### Install Onboarding Profile Setup Block with bun

Source: https://www.shadcn.io/blocks/onboarding-profile-setup

Use this command to install the onboarding profile setup block using bun. Ensure you have bun installed.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-profile-setup.json
```

--------------------------------

### Install Onboarding Billing Setup with bun

Source: https://www.shadcn.io/blocks/onboarding-billing-setup

Install the onboarding billing setup component using the shadcn CLI with bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-billing-setup.json
```

--------------------------------

### Install Onboarding Profile Setup Block with pnpm

Source: https://www.shadcn.io/blocks/onboarding-profile-setup

Use this command to install the onboarding profile setup block using pnpm. Ensure you have pnpm installed.

```bash
pnpm dlx shadcn@latest add https://www.shadcn.io/r/onboarding-profile-setup.json
```

--------------------------------

### Quick Start cURL Example

Source: https://www.shadcn.io/blocks/account-developer

Use this cURL command to make a GET request to the users endpoint. Ensure you replace 'sk_live_...' with your actual API key and '2026-03-15' with the correct API version.

```bash
curl -X GET "https://api.acme.com/v2/users"   -H "Authorization: Bearer sk_live_..."   -H "Content-Type: application/json"   -H "X-Api-Version: 2026-03-15"
```

--------------------------------

### Install Onboarding Channel Setup Block (bun)

Source: https://www.shadcn.io/blocks/onboarding-channel-setup

Use this command to install the onboarding channel setup block using bun.

```bash
bunx shadcn@latest add https://www.shadcn.io/r/onboarding-channel-setup.json
```

--------------------------------

### Install Onboarding Profile Setup Block with npm

Source: https://www.shadcn.io/blocks/onboarding-profile-setup

Use this command to install the onboarding profile setup block using npm. Ensure you have Node.js and npm installed.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-profile-setup.json
```

--------------------------------

### Install Onboarding Guided Walkthrough with pnpm

Source: https://www.shadcn.io/blocks/onboarding-guided-walkthrough

Use this command to install the guided walkthrough block using pnpm.

```bash
pnpm dlx shadcn@latest add https://www.shadcn.io/r/onboarding-guided-walkthrough.json
```

--------------------------------

### Install Onboarding Sample Data with npm

Source: https://www.shadcn.io/blocks/onboarding-sample-data

Use this command to install the onboarding sample data component using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-sample-data.json
```

--------------------------------

### Install Onboarding Environment Setup with npm

Source: https://www.shadcn.io/blocks/onboarding-environment-setup

Use this command to install the onboarding environment setup block using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-environment-setup.json
```

--------------------------------

### Install Onboarding Channel Setup Block (npm)

Source: https://www.shadcn.io/blocks/onboarding-channel-setup

Use this command to install the onboarding channel setup block using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-channel-setup.json
```

--------------------------------

### Install Onboarding API Key Setup with npm

Source: https://www.shadcn.io/blocks/onboarding-api-key-setup

Use this command to install the Onboarding API Key Setup component using npm.

```bash
npx shadcn@latest add https://www.shadcn.io/r/onboarding-api-key-setup.json
```