@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
77 lines (61 loc) • 2.32 kB
JavaScript
;
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
var _react3 = require("@storybook/react");
var _iconSettings = require("../../icon-settings");
var _iconSettings2 = _interopRequireDefault(_iconSettings);
var _constants = require("../../../utilities/constants");
var _ = require("../");
var _2 = _interopRequireDefault(_);
var _default = require("../__examples__/default");
var _default2 = _interopRequireDefault(_default);
var _disabled = require("../__examples__/disabled");
var _disabled2 = _interopRequireDefault(_disabled);
var _error = require("../__examples__/error");
var _error2 = _interopRequireDefault(_error);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
(0, _react3.storiesOf)(_constants.TEXTAREA, module).addDecorator(function (getStory) {
return _react2.default.createElement("div", {
className: "slds-p-around_medium"
}, _react2.default.createElement(_iconSettings2.default, {
iconPath: "/assets/icons"
}, getStory()));
}).add('Standard', function () {
return _react2.default.createElement(_2.default, {
label: "Textarea Label",
name: "standard-textarea",
placeholder: "Placeholder Text"
});
}).add('Disabled', function () {
return _react2.default.createElement(_2.default, {
name: "disabled",
label: "Textarea Label",
disabled: true,
placeholder: "Placeholder Text"
});
}).add('Required', function () {
return _react2.default.createElement(_2.default, {
"aria-describedby": "required-1",
name: "required-textarea",
assistiveText: {
label: 'Textarea Label'
},
required: true,
placeholder: "Placeholder Text"
});
}).add('Error', function () {
return _react2.default.createElement(_2.default, {
"aria-describedby": "error-1",
name: "required-textarea-error",
label: "Textarea Label",
required: true,
errorText: "Error Message",
placeholder: "Placeholder Text"
});
}).add('Docs site Default', function () {
return _react2.default.createElement(_default2.default, null);
}).add('Docs site Disabled', function () {
return _react2.default.createElement(_disabled2.default, null);
}).add('Docs site Error', function () {
return _react2.default.createElement(_error2.default, null);
});