ValyroUI English version

Api Playground

Песочница API: модель, параметры, промпты и запрос/ответ в JSON. Pro · Разработчикам › API и интеграции

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add api-playground
npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { ApiPlayground } from 'valyro-ui-pro';

Пропсы

PropTypeDefault
models *PlaygroundModel[]Models to choose from.
valuePlaygroundRequestThe request being edited (controlled).
defaultValuePlaygroundRequestInitial value when uncontrolled.
onValueChange(value: PlaygroundRequest) => voidCalled with the new value when it changes.
onSend(request: PlaygroundRequest) => Promise<PlaygroundResponse>Sends the request; resolve with the response to show it.
maxTokensLimitnumber4096Upper bound of the max tokens slider. Default 4096.
requestHeadersRecord<string, string>{ 'Content-Type': 'application/json', Authorization: 'Bearer $API_KEY' }Request headers shown before a response arrives.
headingLevel1 | 2 | 3 | 4 | 5 | 62Level of the title (default 2).
labelsPartial<ApiPlaygroundLabels>Overrides for the built-in English text; keys left out keep their defaults.

Похожие компоненты

  • API Key Manager — API-ключи: создание с правами и сроком, показ секрета один раз, отзыв
  • Webhook Endpoints — Вебхуки: адреса, события, включение и доля доставок
  • Certificate List — Сертификаты SSL/TLS: срок до истечения, автопродление, легенда
  • Code Block — Код с подсветкой
  • Diff Viewer — Дифф нескольких файлов: список со статистикой, unified и split, подсветка слов
  • Log Viewer — Потоковые логи: уровни, поиск с подсветкой, слежение за хвостом, JSON-строки
  • Request Inspector — Журнал HTTP-запросов: фильтры, заголовки, тела и водопад таймингов
  • Status Page — Страница статуса: общий баннер, аптайм за 90 дней, инциденты и подписка
  • Storage Usage — Хранилище: занятое место по категориям и действия по очистке
  • Download Center — Выгрузки: типы файлов, размер, срок ссылки и повторный запрос
  • Feature Flag Simulator — Превью продукта при разных фичефлагах и сегментах, без доступа к продакшену

Назад: API Key Manager · Далее: Webhook Endpoints · Весь раздел «Разработчикам»