@zerda_lab/zedralab-ui-kit
0.1.92 • Public • Published Getting Started with @zerda_lab/zedralab-ui-kit
npm install @zerda_lab/zedralab-ui-kit
or yarn add @zerda_lab/zedralab-ui-kit
Components
Dropdown
-
id:
string;
-
handleSelect
: method;
-
theme:
"light" | "dark";
-
placeholder?:
string;
-
title
: string;
-
options
: Array<number | number>;
-
devalultValues?:
Array<number | number>;;
-
errorText?:
string;
-
showCleanButton?:
boolean;
Button
-
id:
string;
-
type?:
"outlined" | "filled";
-
theme:
"light" | "dark";
-
label?:
string;
-
disabled?
boolean;
-
handleClick
: method;
StatusLabel
-
id:
string;
-
type?:
"primary" | "secondary" | "tertiary" | "quaternary";
-
status:
"phase out" | "concept" | "obsolete" | "standart" | "tender ready";
-
label?:
string;
-
theme?:
"light" | "dark";
-
size?:
"standart" | "min";
AddButton
-
id:
string;
-
handleClick:
method;
-
disabled?:
boolean;
-
theme?:
"light" | "dark";
DeleteIcon
-
id:
string;
-
handleClick:
method;
-
disabled?:
boolean;
-
theme?:
"light" | "dark";
CloseIcon
-
id:
string;
-
handleClick:
method;
-
disabled?:
boolean;
-
theme?:
"light" | "dark";
BackIcon
-
id:
string;
-
handleClick:
method;
-
disabled?:
boolean;
-
theme?:
"light" | "dark";
ShowMore
-
id:
string;
-
handleClick:
method;
-
isActive:
boolean;
-
theme?:
"light" | "dark";
ModeSwicher
-
id:
string;
-
handleClick:
method;
-
theme?:
"light" | "dark";
Filter
-
id:
string;
-
handleSelect:
method;
-
theme?:
"light" | "dark";
-
placeholder?:
string;
-
options:
Array<{ label: string; value: string }>;
-
devalultValues?:
Array;
-
errorText?:
string;
TextInput
-
id:
string;
-
handleChange:
method;
-
theme?:
"light" | "dark";
-
placeholder?:
string;
-
title:
string;
-
devalultValue?:
string;
-
errorText?:
string;
-
showCleanButton?:
boolean;
Package Sidebar
Install
npm i @zerda_lab/zedralab-ui-kit
Weekly Downloads