39 lines
812 B
JavaScript
39 lines
812 B
JavaScript
import React from "react";
|
|
import InputWithChips from ".";
|
|
|
|
const Options = [
|
|
{ label: "Ivan Petrov", value: "myname@gmul.com" },
|
|
{ label: "Lisa Cooper", value: "myn348ame@gmul.com" },
|
|
{ label: "Donna Cross", value: "myname45@gmul.com" },
|
|
{ label: "myname19@gmail.com", value: "myname19@gmail.com" },
|
|
{ label: "myname@gmail.com45", value: "myname@gmail.com45" },
|
|
];
|
|
|
|
const Wrapper = (props) => (
|
|
<div
|
|
style={{
|
|
height: "220px",
|
|
}}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
);
|
|
|
|
const Template = (args) => (
|
|
<Wrapper>
|
|
<InputWithChips {...args} />
|
|
</Wrapper>
|
|
);
|
|
|
|
export const Default = Template.bind({});
|
|
Default.args = {
|
|
options: Options,
|
|
placeholder: "Invite by email",
|
|
};
|
|
|
|
export const Empty = Template.bind({});
|
|
Empty.args = {
|
|
options: [],
|
|
placeholder: "Type your chips...",
|
|
};
|