feat: add fullHeight and fullWidth props

eduardoborges · Dec 13, 2023 · 5cdd00e · 5cdd00e
1 parent 5c6165f
commit 5cdd00e
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/Flex.tsx b/src/Flex.tsx
@@ -11,6 +11,8 @@ export type FlexProps = React.PropsWithChildren<{
   debugColor?: string;
   end?: boolean;
   full?: boolean;
+  fullHeight?: boolean;
+  fullWidth?: boolean;
   gap?: number;
   gapless?: boolean;
   horizontal?: boolean;
@@ -92,8 +94,15 @@ const getStyles = (p: FlexProps) => {
       }),
       // overrides
       ...(p.full && {
+        height: '100%',
         width: '100%',
       }),
+      ...(p.fullWidth && {
+        width: '100%',
+      }),
+      ...(p.fullHeight && {
+        height: '100%',
+      }),
       ...(p.size && {
         flex: p.size,
       }),