Skip to content

Commit 5cdd00e

Browse files
committed
feat: add fullHeight and fullWidth props
1 parent 5c6165f commit 5cdd00e

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

src/Flex.tsx

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ export type FlexProps = React.PropsWithChildren<{
1111
debugColor?: string;
1212
end?: boolean;
1313
full?: boolean;
14+
fullHeight?: boolean;
15+
fullWidth?: boolean;
1416
gap?: number;
1517
gapless?: boolean;
1618
horizontal?: boolean;
@@ -92,8 +94,15 @@ const getStyles = (p: FlexProps) => {
9294
}),
9395
// overrides
9496
...(p.full && {
97+
height: '100%',
9598
width: '100%',
9699
}),
100+
...(p.fullWidth && {
101+
width: '100%',
102+
}),
103+
...(p.fullHeight && {
104+
height: '100%',
105+
}),
97106
...(p.size && {
98107
flex: p.size,
99108
}),

0 commit comments

Comments
 (0)