Simplified form component

This commit is contained in:
Patrick Alvin Alcala 2025-09-02 16:47:39 +08:00
parent 9b5aa10026
commit 76bcdfc00b

View file

@ -1,19 +1,15 @@
import './Form.sass' import './Form.sass'
import type { JSXElement } from 'solid-js' import type { JSXElement } from 'solid-js'
import Button from '../Button/Button'
interface Props { interface Props {
children: JSXElement children: JSXElement
edges?: 'curved' | 'rounded' | 'flat'
design?: 'bu-primary' | 'bu-link' | 'bu-info' | 'bu-success' | 'bu-warning' | 'bu-danger' | 'bu-dark' | 'bu-light' | 'bu-text' | 'bu-ghost' | 'bo-primary' | 'bo-secondary' | 'bo-success' | 'bo-danger' | 'bo-warning' | 'bo-info' | 'bo-light' | 'bo-dark' | 'bo-link'
} }
export default (props: Props) => { export default (props: Props) => {
return ( return (
<> <>
<form method="post"> <form method="post" enctype="application/x-www-form-urlencoded">
{props.children} {props.children}
<Button submit label="Submit" edges={props.edges || 'flat'} design={props.design} />
</form> </form>
</> </>
) )