cherry-styled-components/dist/src/lib/input.d.ts

Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.

import { default as React } from 'react';
import { IStyledComponent } from 'styled-components';
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
    children?: React.ReactNode;
    $wrapperClassName?: string;
    $label?: string;
    $size?: "default" | "big" | "small";
    $error?: boolean;
    $success?: boolean;
    $fullWidth?: boolean;
    $icon?: React.ReactNode;
    $iconPosition?: "left" | "right";
}
interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
    $label?: string;
    $size?: "default" | "big" | "small";
    $error?: boolean;
    $success?: boolean;
    $fullWidth?: boolean;
}
export declare const StyledInputWrapper: IStyledComponent<"web", React.HTMLAttributes<HTMLSpanElement> & Pick<InputProps, "$label" | "$fullWidth" | "type">>;
export declare const StyledLabel: IStyledComponent<"web", LabelProps>;
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
export { Input };