articles/@dasig/components/Column.tsx

18 lines
408 B
TypeScript

import '../styles/Column.sass'
import type { JSXElement } from 'solid-js'
interface Props {
children: JSXElement
content?: 'top' | 'center' | 'bottom' | 'split' | 'spaced'
gap?: number
}
export default (props: Props) => {
return (
<>
<section class={`dasig-column-${props.content || 'center'}`} style={`gap: ${props.gap || 0}rem`}>
{props.children}
</section>
</>
)
}