@kitn.ai/ui
Version:
Framework-agnostic, Shadow-DOM web components for building AI chat interfaces — works in React, Vue, Angular, Svelte, or plain HTML. Authored in SolidJS.
22 lines (21 loc) • 1.07 kB
TypeScript
import { JSX } from 'solid-js';
export interface PromptSuggestionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
children: JSX.Element | string;
variant?: 'outline' | 'ghost' | 'default';
/** Row height for the `list` layout: `'md'` (default) or `'lg'` for taller
* rows (more vertical padding). Chips/block/highlight are unaffected. */
size?: 'md' | 'lg';
/** Optional leading icon (named icon, image URL/data-URI, or text). */
icon?: string;
highlight?: string;
/** Render as a full-width, left-aligned list row (the "suggested questions"
* idiom) instead of a rounded pill. Wraps long text. Ignored in highlight
* mode, which is always a list row. */
block?: boolean;
/** Render as a full-width "Ideas for you" list row: a leading icon, a
* left-aligned label, and a hover background. Like `block`, but keeps the
* leading icon. Ignored in highlight mode. */
list?: boolean;
}
declare function PromptSuggestion(props: PromptSuggestionProps): JSX.Element;
export { PromptSuggestion };