Form

---
import { Button, Field, Form, Input, Label } from '@santi020k/lumen-astro'
---

<Form>
  <Field><Label for="form-name">Workspace name</Label><Input id="form-name" name="name" required /></Field>
  <Button type="submit">Save workspace</Button>
</Form>

import { Button, Field, Form, Input, Label } from '@santi020k/lumen-react'

export const Example = () => (
  <>
    <Form>
      <Field><Label htmlFor="form-name">Workspace name</Label><Input id="form-name" name="name" required /></Field>
      <Button type="submit">Save workspace</Button>
    </Form>
  </>
)

<script type="module">
  import { defineLumenElements } from '@santi020k/lumen-elements/define'

  defineLumenElements()
</script>

<form data-ui-form>
  <lumen-button type="submit">Save changes</lumen-button>
</form>