zarm
Version:
基于 React 的移动端UI库
25 lines (24 loc) • 1.49 kB
TypeScript
import * as React from 'react';
import type { HTMLProps } from '../utils/utilityTypes';
import type BaseSearchBarProps from './interface';
export interface SearchBarCssVars {
'--background'?: React.CSSProperties['background'];
'--height'?: React.CSSProperties['height'];
'--padding-horizontal'?: React.CSSProperties['paddingRight'];
'--input-padding-horizontal'?: React.CSSProperties['paddingRight'];
'--input-height'?: React.CSSProperties['height'];
'--input-background'?: React.CSSProperties['background'];
'--input-font-size'?: React.CSSProperties['fontSize'];
'--input-placeholder-color'?: React.CSSProperties['color'];
'--input-clear-icon-color'?: React.CSSProperties['color'];
'--input-border-radius'?: React.CSSProperties['borderRadius'];
'--cancel-font-size'?: React.CSSProperties['fontSize'];
'--cancel-color'?: React.CSSProperties['color'];
'--cancel-margin-left'?: React.CSSProperties['marginLeft'];
'--cancel-transition'?: React.CSSProperties['transition'];
'--icon-margin-right'?: React.CSSProperties['marginRight'];
'--icon-color'?: React.CSSProperties['color'];
}
export declare type SearchBarProps = BaseSearchBarProps & React.InputHTMLAttributes<HTMLInputElement> & HTMLProps<SearchBarCssVars>;
declare const SearchBar: React.ForwardRefExoticComponent<BaseSearchBarProps & React.InputHTMLAttributes<HTMLInputElement> & HTMLProps<SearchBarCssVars> & React.RefAttributes<unknown>>;
export default SearchBar;