@arolariu/components/dist/components/ui/kbd.d.ts

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

import * as React from "react";
/**
 * Props for the {@link Kbd} component.
 */
export type KbdProps = React.ComponentPropsWithoutRef<"kbd">;
/**
 * Props for the {@link KbdGroup} component.
 */
export type KbdGroupProps = React.ComponentPropsWithoutRef<"kbd">;
/**
 * Renders an inline keyboard keycap label.
 *
 * @remarks
 * - Pure CSS component (no Base UI primitive)
 * - Renders a `<kbd>` element
 * - Styling via CSS Modules with `--ac-*` custom properties
 *
 * @example
 * ```tsx
 * <Kbd>⌘K</Kbd>
 * ```
 *
 * @see {@link KbdProps} for available props
 */
declare const Kbd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
/**
 * Groups multiple keyboard keycap labels into a shared visual cluster.
 *
 * @remarks
 * - Pure CSS component (no Base UI primitive)
 * - Renders a `<kbd>` element
 * - Styling via CSS Modules with `--ac-*` custom properties
 *
 * @example
 * ```tsx
 * <KbdGroup>
 *   <Kbd>⌘</Kbd>
 *   <Kbd>K</Kbd>
 * </KbdGroup>
 * ```
 *
 * @see {@link KbdGroupProps} for available props
 */
declare const KbdGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
export { Kbd, KbdGroup };
//# sourceMappingURL=kbd.d.ts.map