diff --git a/stories/definitionList/sp-definition-list.story.ts b/stories/definitionList/sp-definition-list.story.ts
index f52b52b..62dbb70 100644
--- a/stories/definitionList/sp-definition-list.story.ts
+++ b/stories/definitionList/sp-definition-list.story.ts
@@ -5,22 +5,19 @@ import type { Meta, StoryObj } from "@storybook/web-components";
import "@sp-design/token/lib/speeda-tokens.css";
import { html } from "lit";
-const DefinitionList = (termText: string, definitionText: string) => html`
-
- ${termText}
- ${definitionText}
- ${termText}
- ${definitionText}
-
-`;
-
const meta: Meta = {
args: {
termText: "Term",
definitionText: "Definition",
},
- render: ({ termText, definitionText }) =>
- DefinitionList(termText, definitionText),
+ render: ({ termText, definitionText }) => html`
+
+ ${termText}
+ ${definitionText}
+ ${termText}
+ ${definitionText}
+
+ `,
};
export default meta;
@@ -35,3 +32,9 @@ export const OverflowWrap: Story = {
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
},
};
+
+export const Break: Story = {
+ args: {
+ definitionText: html`break
break`,
+ },
+};