Add Section WIP template files

Author: TechSolomon

src/Flex/README.md

@@ -2,7 +2,7 @@
 
 
 # Flex
-> [UIKit documentation](https://getuikit.com/docs/Flex)
+> [UIKit documentation](https://getuikit.com/docs/flex)
 
 > [Storybook](https://0c370t.github.io/Svelte-UIKit3/docs/?path=/story/Flex--main)
 ## Usage

src/README.md

@@ -17,5 +17,6 @@
 - [Drop](Drop#drop)
 - [Dropdown](Dropdown#dropdown)
 - [Flex](Flex#flex)
+- [Section](Section#section)
 - [Tile](Tile#tile)
 - [Width](helpers#width)

src/Section/README.md

@@ -0,0 +1,19 @@
+# ⚠️ This Section is a WIP ⚠️
+
+
+# Section
+> [UIKit documentation](https://getuikit.com/docs/section)
+
+> [Storybook](https://0c370t.github.io/Svelte-UIKit3/docs/?path=/story/Section--main)
+## Usage
+
+#### Props
+| name        | type  | description                  | see also                        |
+|-------------|-------|------------------------------|---------------------------------|
+
+#### Slots
+| name    | type | inside                 | description                               |
+|---------|------|------------------------|-------------------------------------------|
+
+#### Real Example
+> Note that all props are default values

src/Section/Section.svelte

@@ -0,0 +1,9 @@
+<script context="module">
+
+</script>
+
+<script>
+
+</script>
+
+<h1>Hello, world.</h1>

src/index.js

@@ -37,6 +37,8 @@ export {default as Flex, flexOptions} from "./Flex/Flex.svelte";
 
 export {default as Inline} from "./Utility/Inline.svelte";
 
+export {default as Section} from "./Section/Section.svelte";
+
 export {default as Tile, tileOptions} from "./Tile/Tile.svelte";
 
 export {uk_width} from "./helpers/width";

stories/Section.stories.js

@@ -0,0 +1,19 @@
+import SectionView from "./views/Section/SectionView.svelte";
+import {sectionOptions} from "../src";
+import {withKnobs, text, boolean, number, select} from "@storybook/addon-knobs";
+import {validWidths} from "../src/helpers/width";
+
+export default {
+    title: 'Section',
+    component: SectionView,
+    decorators: [withKnobs]
+};
+
+export const Main = () => ({
+    Component: SectionView,
+    props: {
+        props: {
+
+        },
+    }
+});

stories/views/Section/SectionView.svelte

@@ -0,0 +1,9 @@
+<script>
+    import {Section} from "../../../src";
+    export let props = {};
+</script>
+
+<div {...props}>
+    <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h3>
+</div>
+