Back to blocks

Settings - API Keys

API key management with generation and rate limiting info

Installation

npx shadcn add @mylo-ui/settings-api

Preview

API Keys

Manage API keys for programmatic access

API Documentation

Learn how to integrate with our API. View endpoints, authentication, and examples.

Create New API Key

Generate a new API key for your application

Your API Keys (2)

Manage your existing API keys

Production API Key

read, write
Created Jan 15, 2024Last used 2 hours ago

Development API Key

read, write, delete
Created Dec 1, 2023Last used 3 days ago

Rate Limits

Current API usage and limits

Requests (24h)

12,450

of 100,000 limit

Rate Limit

100/min

Per API key

Reset Time

00:00 UTC

Daily reset

Usage

import { SettingsApi } from "@/components/blocks/settings-api"

export default function Page() {
  return <SettingsApi />
}

Dependencies

lucide-react

shadcn/ui Components

card
button
input
label
badge
separator