@codegouvfr/react-dsfr
Version:
French State Design System React integration library
25 lines (24 loc) • 880 B
TypeScript
import React from "react";
import type { InputHTMLAttributes } from "react";
export type SearchBarProps = {
className?: string;
/** Default: "Rechercher" (or translation) */
label?: string;
/** Props forwarded to the underlying <input /> element */
nativeInputProps?: InputHTMLAttributes<HTMLInputElement>;
/** Default: false */
big?: boolean;
classes?: Partial<Record<"root" | "label" | "input", string>>;
};
/**
* @see <https://react-dsfr-components.etalab.studio/?path=/docs/components-input>
* */
export declare const SearchBar: React.MemoExoticComponent<React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLDivElement>>>;
export default SearchBar;
declare const addSearchBarTranslations: (params: {
lang: string;
messages: Partial<{
label: string;
}>;
}) => void;
export { addSearchBarTranslations };