feat: initial commit

src/components/Link/Link.Story.svelte

@@ -0,0 +1,14 @@
+<script>
+  export let href = undefined;
+  export let inline = undefined;
+  export let disabled = undefined;
+
+  import Layout from '../../internal/ui/Layout.svelte';
+  import Link from './Link.svelte';
+</script>
+
+<Layout>
+  <div>
+    <Link {href} {inline} {disabled}>Link</Link>
+  </div>
+</Layout>

src/components/Link/Link.stories.js

@@ -0,0 +1,13 @@
+import { withKnobs, boolean, text } from '@storybook/addon-knobs';
+import Component from './Link.Story.svelte';
+
+export default { title: 'Link', decorators: [withKnobs] };
+
+export const Default = () => ({
+  Component,
+  props: {
+    href: text('The link href (href)', '#'),
+    inline: boolean('Use the in-line variant (inline)', false),
+    disabled: boolean('Disabled (disabled)', false)
+  }
+});

src/components/Link/Link.svelte

@@ -0,0 +1,27 @@
+<script>
+  let className = undefined;
+  export { className as class };
+  export let href = undefined;
+  export let disabled = false;
+  export let inline = false;
+  export let props = {};
+
+  import { cx } from '../../lib';
+
+  const _class = cx(
+    '--link',
+    disabled && '--link--disabled',
+    inline && '--link--inline',
+    className
+  );
+</script>
+
+{#if disabled}
+  <p {...props} class={_class}>
+    <slot />
+  </p>
+{:else}
+  <a {...props} class={_class} {href}>
+    <slot />
+  </a>
+{/if}

src/components/Link/index.js

@@ -0,0 +1,3 @@
+import Link from './Link.svelte';
+
+export default Link;