Added flexbox components
This commit is contained in:
parent
5fda80674f
commit
c2d99f8b1b
4 changed files with 121 additions and 0 deletions
18
fwt/components/Row/Row.tsx
Normal file
18
fwt/components/Row/Row.tsx
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
import './Row.sass'
|
||||
// import { Switch, Match } from 'solid-js'
|
||||
|
||||
interface Props {
|
||||
children: any
|
||||
content: 'left' | 'center' | 'right' | 'split' | 'spaced' | 'even'
|
||||
gap?: number
|
||||
}
|
||||
|
||||
export default (props: Props) => {
|
||||
return (
|
||||
<>
|
||||
<div class={props.content} style={`gap: ${props.gap}rem`}>
|
||||
{props.children}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue