snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/components/MarkdownText.stories.tsx

@@ -0,0 +1,114 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import outdent from 'outdent';
+
+import MarkdownText from './MarkdownText';
+
+const meta = {
+	component: MarkdownText,
+	parameters: {
+		layout: 'padded',
+		controls: { hideNoControlsWarning: true },
+	},
+} satisfies Meta<typeof MarkdownText>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+	args: {
+		content: outdent`
+			# h1 Heading
+			## h2 Heading
+			### h3 Heading
+			#### h4 Heading
+			##### h5 Heading
+			###### h6 Heading
+
+			___
+
+			*This is bold text*
+
+			_This is italic text_
+
+			~Strikethrough~
+
+			+ Lorem ipsum dolor sit amet
+			+ Consectetur adipiscing elit
+			+ Integer molestie lorem at massa
+
+			1. Lorem ipsum dolor sit amet
+			2. Consectetur adipiscing elit
+			3. Integer molestie lorem at massa
+
+			\`rocket.chat();\`
+
+			https://rocket.chat
+		`,
+	},
+};
+
+export const Document: Story = {
+	args: {
+		content: outdent`
+		# Title
+
+		Paragraph text.
+
+		## Subtitle
+
+		- List item 1
+		- List item 2
+		- List item 3
+
+		\`2 < 3 > 1 & 4 "Test"\`
+
+		\`< = &lt; > = &gt; & = &amp;\`
+
+		\`\`\`
+		Two < Three > One & Four "Test"
+		\`\`\`
+
+		\`\`\`
+		< : &lt;
+		> : &gt;
+		& : &amp;
+		\`\`\`
+
+		`,
+		variant: 'document',
+	},
+};
+
+export const Inline: Story = {
+	args: {
+		content: outdent`
+		# Title
+
+		Paragraph text.
+
+		## Subtitle
+
+		- List item 1
+		- List item 2
+		- List item 3
+	`,
+		variant: 'inline',
+	},
+};
+
+export const InlineWithoutBreaks: Story = {
+	args: {
+		content: outdent`
+		# Title
+
+		Paragraph text.
+
+		## Subtitle
+
+		- List item 1
+		- List item 2
+		- List item 3
+		`,
+		variant: 'inlineWithoutBreaks',
+	},
+};