box-ui-elements-mlh
Version:
39 lines • 2.99 kB
JavaScript
import * as React from 'react';
import { boolean } from '@storybook/addon-knobs';
import Select from './Select';
import notes from './Select.stories.md';
export var basic = function basic() {
return /*#__PURE__*/React.createElement(Select, {
name: "select",
label: "Album"
}, /*#__PURE__*/React.createElement("option", null, "Illmatic"), /*#__PURE__*/React.createElement("option", null, "The Marshall Mathers LP"), /*#__PURE__*/React.createElement("option", null, "All Eyez on Me"), /*#__PURE__*/React.createElement("option", null, "Ready To Die"), /*#__PURE__*/React.createElement("option", null, "Enter the Wu-Tang"), /*#__PURE__*/React.createElement("option", null, "The Eminem Show"), /*#__PURE__*/React.createElement("option", null, "The Chronic"), /*#__PURE__*/React.createElement("option", null, "Straight Outta Compton"), /*#__PURE__*/React.createElement("option", null, "Reasonable Doubt"));
};
export var disabled = function disabled() {
return /*#__PURE__*/React.createElement(Select, {
name: "select",
label: "Disabled Select",
isDisabled: boolean('isDisabled', true)
}, /*#__PURE__*/React.createElement("option", null, "Straight Outta Compton"));
};
export var withErrorMessage = function withErrorMessage() {
return /*#__PURE__*/React.createElement(Select, {
name: "select",
label: "Album",
error: "Not For Kidz"
}, /*#__PURE__*/React.createElement("option", null, "Illmatic"), /*#__PURE__*/React.createElement("option", null, "The Marshall Mathers LP"), /*#__PURE__*/React.createElement("option", null, "All Eyez on Me"), /*#__PURE__*/React.createElement("option", null, "Ready To Die"), /*#__PURE__*/React.createElement("option", null, "Enter the Wu-Tang"), /*#__PURE__*/React.createElement("option", null, "The Eminem Show"), /*#__PURE__*/React.createElement("option", null, "The Chronic"), /*#__PURE__*/React.createElement("option", null, "Straight Outta Compton"), /*#__PURE__*/React.createElement("option", null, "Reasonable Doubt"));
};
export var withErrorOutline = function withErrorOutline() {
return /*#__PURE__*/React.createElement(Select, {
name: "select",
label: "Album",
showErrorOutline: boolean('showErrorOutline', true)
}, /*#__PURE__*/React.createElement("option", null, "Illmatic"), /*#__PURE__*/React.createElement("option", null, "The Marshall Mathers LP"), /*#__PURE__*/React.createElement("option", null, "All Eyez on Me"), /*#__PURE__*/React.createElement("option", null, "Ready To Die"), /*#__PURE__*/React.createElement("option", null, "Enter the Wu-Tang"), /*#__PURE__*/React.createElement("option", null, "The Eminem Show"), /*#__PURE__*/React.createElement("option", null, "The Chronic"), /*#__PURE__*/React.createElement("option", null, "Straight Outta Compton"), /*#__PURE__*/React.createElement("option", null, "Reasonable Doubt"));
};
export default {
title: 'Components|Select',
component: Select,
parameters: {
notes: notes
}
};
//# sourceMappingURL=Select.stories.js.map