starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-29 05:31:51 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Persist sort priority!

Browse Source
This commit is contained in:
Gregory Schier
2023-03-19 00:48:09 -07:00
parent d9b38efd97
commit c4ab045e57
17 changed files with 457 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src-web/components/core/Stacks.tsx
View File

@@ -1,5 +1,5 @@
import classnames from 'classnames';
import type { ComponentType, ReactNode } from 'react';
import type { ComponentType, HTMLAttributes, ReactNode } from 'react';
const gapClasses = {
0: 'gap-0',
@@ -23,9 +23,9 @@ export function HStack({ className, space, children, ...props }: HStackProps) {
);
}
export interface VStackProps extends BaseStackProps {
export type VStackProps = BaseStackProps & {
children: ReactNode;
}
};
export function VStack({ className, space, children, ...props }: VStackProps) {
return (
@@ -38,14 +38,12 @@ export function VStack({ className, space, children, ...props }: VStackProps) {
);
}
interface BaseStackProps {
type BaseStackProps = HTMLAttributes<HTMLElement> & {
as?: ComponentType | 'ul';
space?: keyof typeof gapClasses;
alignItems?: 'start' | 'center';
justifyContent?: 'start' | 'center' | 'end';
className?: string;
children?: ReactNode;
}
};
function BaseStack({ className, alignItems, justifyContent, children, as }: BaseStackProps) {
const Component = as ?? 'div';