API Key Input

About this piece

Masked API key field with a show/hide eye toggle and a copy button, tagged with the env var name.

Usage

The import and the props worth knowing about, in one place.

import { Ai21 } from "@/components/beste/piece/ai21";

<Ai21
  label="OPENAI_API_KEY"
  value="sk-proj-EXAMPLE-NOT-A-REAL-KEY-0000"
  bordered={false}
/>

More AI pieces

View all AI

response.json

{
  "answer": "Use Redis INCR",
  "sources": 3,
  "latency_ms": 420
}

const slug = (s: string) =>
  s.toLowerCase().replace(/\s+/g, '-');

docstop_k = 5

lang:ensection:guides

Context window92.0K / 200K