From 1bd39aff429ce673bb26112c8433b198aa9051b6 Mon Sep 17 00:00:00 2001 From: Mark Date: Wed, 30 Oct 2024 15:16:25 -0400 Subject: [PATCH] make doc cuter --- .../VisualGuidelines/Examples/GroupHover.tsx | 50 +++++++++++++------ 1 file changed, 35 insertions(+), 15 deletions(-) diff --git a/playbook-website/app/javascript/components/VisualGuidelines/Examples/GroupHover.tsx b/playbook-website/app/javascript/components/VisualGuidelines/Examples/GroupHover.tsx index f6070a2e3f..217f583e0d 100644 --- a/playbook-website/app/javascript/components/VisualGuidelines/Examples/GroupHover.tsx +++ b/playbook-website/app/javascript/components/VisualGuidelines/Examples/GroupHover.tsx @@ -4,7 +4,11 @@ import React from 'react' import { Body, - Card + Card, + Flex, + FlexItem, + Icon, + User } from 'playbook-ui' import Example from '../Templates/Example' @@ -22,20 +26,36 @@ const GroupHover = ({ example }: {example: string}) => ( example={example} title="Group Hover" > - - - - + + + + + + + More Info + + + + + + + )