add to the gallery

Arize-ai · May 13, 2023 · 308045e · 308045e
1 parent f15d3db
commit 308045e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/types/style.ts b/src/types/style.ts
@@ -131,7 +131,7 @@ export interface ViewStyleProps extends StyleProps {
   borderStartWidth?: Responsive<BorderSizeValue>;
   /** The width of the border on the logical end side, depending on the layout direction. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-width). */
   borderEndWidth?: Responsive<BorderSizeValue>;
-  // borderLeftWidth?: BorderSizeValue,
+  borderLeftWidth?: BorderSizeValue;
   borderRightWidth?: BorderSizeValue;
   /** The width of the top border. See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width). */
   borderTopWidth?: Responsive<BorderSizeValue>;

diff --git a/stories/Gallery.stories.tsx b/stories/Gallery.stories.tsx
@@ -221,8 +221,22 @@ const Template: Story = args => {
                 `}
               />
             </View>
-            <View width="size-2400" backgroundColor="light">
-              <Heading>Statistic</Heading>
+            <View
+              width="size-2400"
+              backgroundColor="light"
+              borderColor="dark"
+              borderLeftWidth="thin"
+            >
+              <Flex
+                direction="column"
+                alignItems="center"
+                justifyContent="center"
+                gap={'size-100'}
+                height="100%"
+              >
+                <Heading>Statistic</Heading>
+                <Text textSize="xxlarge">437</Text>
+              </Flex>
             </View>
           </Flex>
         </View>