From d67a6ab5ab7b27f3720eb91a8db25afde61abc37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kre=C5=A1imir=20=C4=8Coko?= <kresimir.coko@liferay.com>
Date: Thu, 28 May 2020 16:41:35 +0200
Subject: [PATCH] fix(clayui.com): Don't use ClayList, and make ClayLink's
 display block

---
 clayui.com/content/docs/examples.mdx | 99 ++++++++++++----------------
 1 file changed, 42 insertions(+), 57 deletions(-)

diff --git a/clayui.com/content/docs/examples.mdx b/clayui.com/content/docs/examples.mdx
index d5d6185643..04396a5d3a 100644
--- a/clayui.com/content/docs/examples.mdx
+++ b/clayui.com/content/docs/examples.mdx
@@ -5,7 +5,6 @@ order: 5
 
 import ClayLayout from '@clayui/layout';
 import ClayLink from '@clayui/link';
-import ClayList from '@clayui/list';
 
 ## What is Storybook and how do we use it?
 
@@ -27,62 +26,48 @@ Here are our demos we have in Storybook that utilize Clay components showcasing
 <ClayLayout.Container>
 	<ClayLayout.Row justify="start">
 		<ClayLayout.Col md={4} size={4}>
-			<ClayList flex>
-				<ClayLink
-					href="https://storybook.clayui.com/?path=/story/demos-templates--list-page"
-					target="_blank"
-				>
-					<ClayList.Item>
-						<ClayList.ItemTitle>List Page</ClayList.ItemTitle>
-					</ClayList.Item>
-				</ClayLink>
-				<ClayLink
-					href="https://storybook.clayui.com/?path=/story/demos-templates--files-page"
-					target="_blank"
-				>
-					<ClayList.Item>
-						<ClayList.ItemTitle>Files Page</ClayList.ItemTitle>
-					</ClayList.Item>
-				</ClayLink>
-				<ClayLink
-					href="https://storybook.clayui.com/?path=/story/demos-templates--form-page"
-					target="_blank"
-				>
-					<ClayList.Item>
-						<ClayList.ItemTitle>Form Page</ClayList.ItemTitle>
-					</ClayList.Item>
-				</ClayLink>
-				<ClayLink
-					href="https://storybook.clayui.com/?path=/story/demos-templates--table-rows-drag-drop"
-					target="_blank"
-				>
-					<ClayList.Item>
-						<ClayList.ItemTitle>
-							Table Rows Drag & Drop
-						</ClayList.ItemTitle>
-					</ClayList.Item>
-				</ClayLink>
-				<ClayLink
-					href="https://storybook.clayui.com/?path=/story/demos-templates--table-columns-drag-drop"
-					target="_blank"
-				>
-					<ClayList.Item>
-						<ClayList.ItemTitle>
-							Table Columns Drag & Drop
-						</ClayList.ItemTitle>
-					</ClayList.Item>
-				</ClayLink>
-				<ClayLink
-					href="https://storybook.clayui.com/?path=/story/demos-templates--drag-drop"
-					target="_blank"
-				>
-					<ClayList.Item>
-						<ClayList.ItemTitle>
-							List Drag & Drop
-						</ClayList.ItemTitle>
-					</ClayList.Item>
-				</ClayLink>
-			</ClayList>
+			<ClayLink
+				className="d-block"
+				href="https://storybook.clayui.com/?path=/story/demos-templates--list-page"
+				target="_blank"
+			>
+				List Page
+			</ClayLink>
+			<ClayLink
+				className="d-block"
+				href="https://storybook.clayui.com/?path=/story/demos-templates--files-page"
+				target="_blank"
+			>
+				Files Page
+			</ClayLink>
+			<ClayLink
+				className="d-block"
+				href="https://storybook.clayui.com/?path=/story/demos-templates--form-page"
+				target="_blank"
+			>
+				Form Page
+			</ClayLink>
+			<ClayLink
+				className="d-block"
+				href="https://storybook.clayui.com/?path=/story/demos-templates--table-rows-drag-drop"
+				target="_blank"
+			>
+				Table Rows Drag & Drop
+			</ClayLink>
+			<ClayLink
+				className="d-block"
+				href="https://storybook.clayui.com/?path=/story/demos-templates--table-columns-drag-drop"
+				target="_blank"
+			>
+				Table Columns Drag & drop
+			</ClayLink>
+			<ClayLink
+				className="d-block"
+				href="https://storybook.clayui.com/?path=/story/demos-templates--drag-drop"
+				target="_blank"
+			>
+				List Drag & Drop
+			</ClayLink>
 		</ClayLayout.Col>
 	</ClayLayout.Row>
 </ClayLayout.Container>