feat: initial commit

src/components/TextArea/TextArea.stories.js

@@ -0,0 +1,23 @@
+import { withKnobs, boolean, text, number } from '@storybook/addon-knobs';
+import Component from './TextArea.Story.svelte';
+
+export default { title: 'TextArea', decorators: [withKnobs] };
+
+export const Default = () => ({
+  Component,
+  props: {
+    id: 'text-area',
+    disabled: boolean('Disabled (disabled)', false),
+    light: boolean('Light variant (light)', false),
+    hideLabel: boolean('No label (hideLabel)', false),
+    labelText: text('Label text (labelText)', 'Text Area label'),
+    invalid: boolean('Show form validation UI (invalid)', false),
+    invalidText: text('Content of form validation UI (invalidText)', 'A valid value is required'),
+    helperText: text('Helper text (helperText)', 'Optional helper text.'),
+    placeholder: text('Placeholder text (placeholder)', 'Placeholder text.'),
+    cols: number('Columns (columns)', 50),
+    rows: number('Rows (rows)', 4)
+  }
+});
+
+export const Skeleton = () => ({ Component, props: { story: 'skeleton' } });