NOCTA UI

Kbd

Display keyboard shortcuts and key hints with consistent styling that adapts to themes and variants.

Installation

Install the Kbd component using the nocta-ui CLI:

npx @nocta-ui/cli add kbd

Then import the component:

import { Kbd } from '@/components/ui/kbd';

Prop

Type

Badge

A versatile badge component for labels, status indicators, and tags with multiple variants, sizes and dark mode support

Line Chart

Track evolving metrics and dynamic changes using clear, continuous line plots.