@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
45 lines • 1.38 kB
JavaScript
import React from 'react';
import { storiesOf } from '@storybook/react';
import IconSettings from '../../icon-settings';
import { TEXTAREA } from '../../../utilities/constants';
import Textarea from '../';
storiesOf(TEXTAREA, module).addDecorator(function (getStory) {
return React.createElement("div", {
className: "slds-p-around_medium"
}, React.createElement(IconSettings, {
iconPath: "/assets/icons"
}, getStory()));
}).add('Standard', function () {
return React.createElement(Textarea, {
label: "Textarea Label",
name: "standard-textarea",
placeholder: "Placeholder Text"
});
}).add('Disabled', function () {
return React.createElement(Textarea, {
name: "disabled",
label: "Textarea Label",
disabled: true,
placeholder: "Placeholder Text"
});
}).add('Required', function () {
return React.createElement(Textarea, {
"aria-describedby": "required-1",
name: "required-textarea",
assistiveText: {
label: 'Textarea Label'
},
required: true,
placeholder: "Placeholder Text"
});
}).add('Error', function () {
return React.createElement(Textarea, {
"aria-describedby": "error-1",
name: "required-textarea-error",
label: "Textarea Label",
required: true,
errorText: "Error Message",
placeholder: "Placeholder Text"
});
});
//# sourceMappingURL=storybook-stories.js.map