> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sure-developer.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Row

> Horizontal flex container with wrapping and alignment

# Row

`Row` renders a horizontal flex container with wrapping and a default gap.

```lua theme={"dark"}
ui.row({
  align = 'start',
  className = 'justify-between'
}, function()
  ui.badge('Live')
  ui.button('Close', onClose)
end)
```

## API

<CodeGroup>
  ```lua Builder theme={"dark"}
  ui.row(props?, children?)
  ```

  ```lua Declarative theme={"dark"}
  lui.row(props?, children?)
  ```
</CodeGroup>

## Props

| Prop                             | Type                           | Description                               |
| -------------------------------- | ------------------------------ | ----------------------------------------- |
| `align`                          | `'start' \| 'center' \| 'end'` | Vertical alignment. Defaults to `center`. |
| `className`                      | `string`                       | Appends classes to the default row class. |
| `style`, `font`, `theme`, `vars` | mixed                          | Common LUI styling props.                 |