@everchron/ec-shards 2.0.0 → 2.0.1

package/src/stories/sidebar/sidebar-content.stories.js

@@ -0,0 +1,27 @@
+import EcsSidebarContent from '@components/sidebar-content/sidebar-content';
+
+export default {
+  title: 'Patterns/Sidebar/Sidebar Content',
+  component: EcsSidebarContent
+};
+
+export const sidebarContent = () => ({
+  components: { EcsSidebarContent },
+  template: `<ecs-sidebar-content>
+                Content
+              </ecs-sidebar-content>`
+});
+
+export const sidebarContentIndentation = () => ({
+  components: { EcsSidebarContent },
+  template: `<ecs-sidebar-content indent>
+                Content
+              </ecs-sidebar-content>`
+});
+
+export const sidebarContentBlocked = () => ({
+  components: { EcsSidebarContent },
+  template: `<ecs-sidebar-content block-content>
+                Blocked Content
+              </ecs-sidebar-content>`
+});

package/src/stories/transcript-state/transcript-state.stories.js

@@ -0,0 +1,16 @@
+import EcsTranscriptState from '@components/transcript-state/transcript-state';
+
+export default {
+  title: 'Feedback/Transcript State',
+  component: EcsTranscriptState
+};
+
+export const statusIndicator = () => ({
+  components: { EcsTranscriptState },
+  template: `<main>
+              <ecs-transcript-state state="loading" />
+              <ecs-transcript-state state="healthy" />
+              <ecs-transcript-state state="corrupted" />
+              <ecs-transcript-state state="corrupted" interactive />
+            </main>`,
+});