Create Tile Component

[ItsMeBrianD]

1. See the UIKit Documentation

2. Create file structure

   • src/Tile
   • src/Tile/README.md
   • src/Tile/Tile.svelte

3. Add the needed references.

   • Update src/README.md
     • Add reference to Tile directory (Be sure to include #Tile in the url)
   • Update src/index.js
     • Use existing exports as an example, one blank line before and after your directory addition

4. Create the story (stories/Tile.stories.js)

   • Use others as an example
   • See also storybook docs

5. Create boilerplate

   • src/Tile/README.md
     • Copy an existing README file and change all references to Tile instead of [Component]
   • Create your <script></script> block
     • Define your props. (These should encompass everything that can change)

6. Write the markdown

   • Use the uikit documentation as a guide, the component will closely match the example markdown without contents.

7. Create class logic

   • See other components as an example, anywhere that classes is being used
   • Ensure that invalid inputs are defaulted to a valid input

8. Add the width action

   • Again see other components for an example (use:uk_width)
   • See also svelte documentation

9. Export all prop options from a module context block

   • Svelte Documentation

10. Add storybook knobs

    • See other stories for examples

11. Export storybook npm run commit-docs-dist

12. Open PR