@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
39 lines (38 loc) • 1.06 kB
TypeScript
import { CSSProperties, Ref } from 'react';
import { FlexboxProps } from 'react-layout-kit';
import type { InputProps } from "../Input";
import { AProps } from "../types";
export interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'> {
classNames?: {
input?: string;
shortKey?: string;
};
defaultValue?: string;
enableShortKey?: boolean;
loading?: boolean;
onInputChange?: (value: string) => void;
onSearch?: (value: string) => void;
shortKey?: string;
spotlight?: boolean;
styles?: {
input?: CSSProperties;
shortKey?: CSSProperties;
};
value?: string;
}
export interface SearchResultItem {
alt?: string;
summary?: string;
title?: string;
url: string;
}
export interface SearchResultCardsProps extends FlexboxProps {
dataSource: string[] | SearchResultItem[];
ref?: Ref<HTMLDivElement>;
}
export interface SearchResultCardProps extends AProps {
alt?: string;
ref?: Ref<HTMLAnchorElement>;
title?: string;
url: string;
}