wip
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
import React, { ReactNode, HTMLAttributes } from 'react';
|
||||
import { Box } from './Box';
|
||||
import { Box, BoxProps } from './Box';
|
||||
|
||||
type Spacing = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
|
||||
|
||||
interface StackProps extends HTMLAttributes<HTMLElement> {
|
||||
interface StackProps extends Omit<BoxProps<'div'>, 'children' | 'className' | 'gap'> {
|
||||
children: ReactNode;
|
||||
className?: string;
|
||||
direction?: 'row' | 'col';
|
||||
@@ -12,19 +12,20 @@ interface StackProps extends HTMLAttributes<HTMLElement> {
|
||||
justify?: 'start' | 'center' | 'end' | 'between' | 'around';
|
||||
wrap?: boolean;
|
||||
center?: boolean;
|
||||
m?: Spacing;
|
||||
mt?: Spacing;
|
||||
mb?: Spacing;
|
||||
ml?: Spacing;
|
||||
mr?: Spacing;
|
||||
p?: Spacing;
|
||||
pt?: Spacing;
|
||||
pb?: Spacing;
|
||||
pl?: Spacing;
|
||||
pr?: Spacing;
|
||||
px?: Spacing;
|
||||
py?: Spacing;
|
||||
m?: Spacing | any;
|
||||
mt?: Spacing | any;
|
||||
mb?: Spacing | any;
|
||||
ml?: Spacing | any;
|
||||
mr?: Spacing | any;
|
||||
p?: Spacing | any;
|
||||
pt?: Spacing | any;
|
||||
pb?: Spacing | any;
|
||||
pl?: Spacing | any;
|
||||
pr?: Spacing | any;
|
||||
px?: Spacing | any;
|
||||
py?: Spacing | any;
|
||||
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
||||
style?: React.CSSProperties;
|
||||
}
|
||||
|
||||
export function Stack({
|
||||
|
||||
Reference in New Issue
Block a user