Simplified form component
This commit is contained in:
parent
9b5aa10026
commit
76bcdfc00b
1 changed files with 1 additions and 5 deletions
|
|
@ -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>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue