Skip to content

Documentation & Examples #4

@phernandez

Description

@phernandez

Front Page Examples

Create compelling examples showcasing:

  1. Basic Form Processing
<Form hx-post="/submit">
  <Input name="email" label="Email" required />
  <Button type="submit">Subscribe</Button>
</Form>
  1. Interactive Dialog
<Dialog x-data="{ open: false }">
  <Button x-on:click="open = true">Open Settings</Button>
  <DialogContent x-show="open">
    <h2>Settings</h2>
    <Button x-on:click="open = false">Close</Button>
  </DialogContent>
</Dialog>
  1. Data Table with Sorting
<Table hx-get="/api/users" hx-trigger="sort">
  <TableHeader>
    <TableColumn sortable>Name</TableColumn>
    <TableColumn sortable>Email</TableColumn>
  </TableHeader>
</Table>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions