Added width option

This commit is contained in:
Patrick Alvin Alcala 2025-10-07 16:27:05 +08:00
parent 1a100a4222
commit 73b908b02d

View file

@ -6,12 +6,13 @@ interface Props {
content?: 'top' | 'center' | 'bottom' | 'split' | 'spaced' content?: 'top' | 'center' | 'bottom' | 'split' | 'spaced'
gap?: number gap?: number
padding?: string padding?: string
width?: string
} }
export default (props: Props) => { export default (props: Props) => {
return ( return (
<> <>
<section class={`column-${props.content || 'center'}`} style={`gap: ${props.gap}rem; padding: ${props.padding || 0}`}> <section class={`column-${props.content || 'center'}`} style={`gap: ${props.gap}rem; padding: ${props.padding || 0}; width: ${props.width || 'auto'}`}>
{props.children} {props.children}
</section> </section>
</> </>