docs(skip-link): add target element to story

tyler-technologies-oss · Oct 11, 2024 · 6116718 · 6116718
1 parent 094b1a1
commit 6116718
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/stories/components/skip-link/SkipLink.stories.ts b/src/stories/components/skip-link/SkipLink.stories.ts
@@ -14,13 +14,16 @@ const meta = {
     const cssVarArgs = getCssVariableArgs(args);
     const style = cssVarArgs ? styleMap(cssVarArgs) : nothing;
     return html`
-      <forge-skip-link
-        .target=${args.target}
-        .theme=${args.theme}
-        .muted=${args.muted}
-        .persistent=${args.persistent}
-        .inline=${args.inline}
-        style=${style}></forge-skip-link>
+      <div>
+        <forge-skip-link
+          target="main-content"
+          .theme=${args.theme}
+          .muted=${args.muted}
+          .persistent=${args.persistent}
+          .inline=${args.inline}
+          style=${style}></forge-skip-link>
+        <div id="main-content" tabindex="0">Target</div>
+      </div>
     `;
   },
   parameters: {
@@ -30,7 +33,6 @@ const meta = {
     ...generateCustomElementArgTypes({
       tagName: component,
       controls: {
-        target: { control: 'text' },
         theme: { control: 'select', options: ['default', 'primary', 'secondary', 'tertiary', 'success', 'error', 'warning', 'info'] },
         muted: { control: 'boolean' },
         persistent: { control: 'boolean' },
@@ -39,7 +41,6 @@ const meta = {
     })
   },
   args: {
-    target: 'main-content',
     theme: 'default',
     muted: false,
     persistent: false,