stone-kit
Version:
uikit for redesign
69 lines (68 loc) • 1.3 kB
JavaScript
import { l as e } from "../../../../index-BJwl9stn.js";
import { GroupedInputs as r } from "../../../../components/GroupedInput/ui/GroupedInputs.js";
const a = {
title: "shared/ui/GroupedInput",
component: r,
parameters: {
layout: "centered"
},
tags: ["autodocs"],
argTypes: {
variant: {
control: {
type: "select",
options: ["light", "dark", "gray", "transparent"]
}
},
size: {
control: {
type: "select",
options: ["large", "medium", "small", "tiny"]
}
}
},
args: {
onChange: e(),
onBlur: e(),
onFocus: e()
}
}, o = {
args: {
placeholder: "Enter text",
label: "Grouped Input"
}
}, s = {
args: {
placeholder: "Enter text",
label: "Grouped Input",
error: !0,
errorText: "This field is required"
}
}, n = {
args: {
placeholder: "Enter amount",
label: "Amount",
pre: "$",
post: "USD"
}
}, p = {
args: {
placeholder: "Disabled input",
label: "Disabled Input",
disabled: !0
}
}, i = {
args: {
placeholder: "Enter your email",
label: "Email",
helperText: "We will never share your email"
}
};
export {
o as Default,
p as Disabled,
s as WithError,
i as WithHelperText,
n as WithPreAndPost,
a as default
};