docs(storybook): document the default slot

Author: iOvergaard

packages/uui-tag/lib/uui-tag.element.ts

@@ -1,16 +1,16 @@
-import { LitElement, html, css } from 'lit';
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
-import { property } from 'lit/decorators.js';
 import {
-  InterfaceLookType,
   InterfaceLookDefaultValue,
+  InterfaceLookType,
 } from '@umbraco-ui/uui-base/lib/types';
+import { css, html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
 
 /**
  *
  *  @element uui-tag
  *  @description Tag component from Umbraco UI components library. Comes in one shape, but different looks and sizes
- *  @slot - for tag contents
+ *  @slot default - slot for tag contents
  *  @cssprop --uui-tag-font-size - overwrite the default font-size for the tag.
  */
 @defineElement('uui-tag')
@@ -78,9 +78,7 @@ export class UUITagElement extends LitElement {
 
   /**
    * Defines the look of the tag.
-   * @type {''|'primary'|'secondary'|'outline'|'placeholder'|'positive'|'warning'|'danger'}
    * @attr
-   * @default ''
    */
   @property({ reflect: true })
   public look: InterfaceLookType = InterfaceLookDefaultValue;

packages/uui-tag/lib/uui-tag.story.ts

@@ -10,10 +10,10 @@ export default {
   id: 'uui-tag',
   args: {
     look: '',
-    slot: 'Hello',
+    default: 'Hello',
   },
   argTypes: {
-    slot: { table: { category: 'slots' }, control: { type: 'text' } },
+    default: { table: { category: 'slots' }, control: { type: 'text' } },
     look: {
       options: [
         'primary',
@@ -25,11 +25,12 @@ export default {
         'danger',
       ],
     },
+    '--uui-tag-font-size': { control: { type: 'text' } },
   },
 };
 
 const Template: Story = props => html`
-  <uui-tag .look=${props.look}>${props.slot}</uui-tag>
+  <uui-tag .look=${props.look}>${props.default}</uui-tag>
 `;
 
 export const AAAOverview = Template.bind({});
@@ -75,6 +76,9 @@ export const Sizing: Story = props =>
   `;
 
 Sizing.parameters = {
+  controls: {
+    include: ['look'],
+  },
   docs: {
     source: {
       code: `