added story for RTL

WPMedia · Dec 5, 2023 · ec16eea · ec16eea
1 parent 9ce14a3
commit ec16eea
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 0 deletions.
diff --git a/blocks/numbered-list-block/index.story.jsx b/blocks/numbered-list-block/index.story.jsx
@@ -71,3 +71,17 @@ export const noImageNoHeadline = () => {
 
 	return <NumberedList {...props} customFields={customFields} />;
 };
+
+export const withRtl = () => {
+	const customFields = {
+		...sampleData,
+		showHeadline: true,
+		showImage: true,
+	};
+
+	return (
+		<div dir="rtl">
+			<NumberedList {...props} customFields={customFields} />
+		</div>
+	);
+};
diff --git a/blocks/simple-list-block/index.story.jsx b/blocks/simple-list-block/index.story.jsx
@@ -71,3 +71,17 @@ export const noImageNoHeadline = () => {
 
 	return <SimpleList {...props} customFields={customFields} />;
 };
+
+export const withRtl = () => {
+	const customFields = {
+		...sampleData,
+		showHeadline: true,
+		showImage: true,
+	};
+
+	return (
+		<div dir="rtl">
+			<SimpleList {...props} customFields={customFields} />
+		</div>
+	);
+};
diff --git a/blocks/top-table-list-block/index.story.jsx b/blocks/top-table-list-block/index.story.jsx
@@ -257,3 +257,17 @@ export const fourSmallStoriesPerRowNoBorder = () => (
 		}}
 	/>
 );
+
+export const withRtl = () => (
+	<div dir="rtl">
+		<TopTableListWrapper
+			customFields={{
+				...config,
+				extraLarge: 1,
+				large: 1,
+				medium: 1,
+				small: 2,
+			}}
+		/>
+	</div>
+);