Documentation & Examples

[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>

2. 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>

3. Data Table with Sorting

<Table hx-get="/api/users" hx-trigger="sort">
  <TableHeader>
    <TableColumn sortable>Name</TableColumn>
    <TableColumn sortable>Email</TableColumn>
  </TableHeader>
</Table>