react-fontpicker-ts
Version:
A Google font picker component for React
46 lines • 1.59 kB
TypeScript
import './FontPicker.css';
export interface FontPickerProps extends React.ComponentPropsWithoutRef<'div'> {
defaultValue?: string;
noMatches?: string;
autoLoad?: boolean;
loaderOnly?: boolean;
loadAllVariants?: boolean;
loadFonts?: string[] | FontToVariant[] | string;
googleFonts?: string[] | Font[] | string | ((font: Font) => boolean);
fontCategories?: string[] | string;
localFonts?: Font[] | undefined;
mode?: 'combo' | 'list';
inputId?: string;
fontVariants?: (fontVariants: FontToVariant) => void;
value?: (value: string) => void;
fontsLoaded?: (fontsLoaded: boolean) => void;
fontsLoadedTimeout?: number;
loading?: React.ReactNode;
}
export interface Font {
category: string;
name: string;
sane: string;
cased: string;
variants: Variant[];
isLocal?: boolean;
subsets?: string[];
}
export interface FourFonts {
regular?: number;
bold?: number;
italic?: number;
boldItalic?: number;
}
export type Variant = FontVariant | string;
export interface FontVariant {
italic: boolean;
weight: number;
}
export interface FontToVariant {
fontName: string;
variants: Variant[];
}
export declare function toString(v: Variant): string;
export default function FontPicker({ defaultValue, noMatches, autoLoad, loaderOnly, loadAllVariants, loadFonts, googleFonts, fontCategories, localFonts, mode, fontVariants, value, fontsLoaded, fontsLoadedTimeout, loading, inputId, ...rest }: FontPickerProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=FontPicker.d.ts.map