Getting Started with @zerda_lab/zedralab-ui-kit

$3

Components

$3

- id: string;
- handleSelect: method;
- theme: "light" | "dark";
- placeholder?: string;
- title: string;
- options: Array;
- devalultValues?: Array;;
- errorText?: string;
- showCleanButton?: boolean;

$3

- id: string;
- type?: "outlined" | "filled";
- theme: "light" | "dark";
- label?: string;
- disabled? boolean;
- handleClick: method;

$3

- id: string;
- type?: "primary" | "secondary" | "tertiary" | "quaternary";
- status: "phase out" | "concept" | "obsolete" | "standart" | "tender ready";
- label?: string;
- theme?: "light" | "dark";
- size?: "standart" | "min";

$3

- id: string;
- handleClick: method;
- disabled?: boolean;
- theme?: "light" | "dark";

$3

- id: string;
- handleClick: method;
- disabled?: boolean;
- theme?: "light" | "dark";

$3

- id: string;
- handleClick: method;
- disabled?: boolean;
- theme?: "light" | "dark";

$3

- id: string;
- handleClick: method;
- disabled?: boolean;
- theme?: "light" | "dark";

$3

- id: string;
- handleClick: method;
- isActive: boolean;
- theme?: "light" | "dark";

$3

- id: string;
- handleClick: method;
- theme?: "light" | "dark";

$3

- id: string;
- handleSelect: method;
- theme?: "light" | "dark";
- placeholder?: string;
- options: Array<{ label: string; value: string }>;
- devalultValues?:Array;
- errorText?: string;

$3

- id: string;
- handleChange: method;
- theme?: "light" | "dark";
- placeholder?: string;
- title: string;
- devalultValue?: string;
- errorText?: string;
- showCleanButton?: boolean;