a2ui-shadcn logoa2ui-shadcn
DocsPlayground

Resources

  • Documentation
  • Playground
  • A2UI Protocol

Community

  • GitHub
  • Issues
  • shadcn/ui

More

  • Tailwind CSS
  • Next.js
  • React

a2ui-shadcn.shahnazar.me

Created by Reza Shahnazar

Getting Started

  • Introduction
  • Installation
  • Usage

Components

  • Components
    Layout
    ColumnRowCard
    Content
    Text
    Input
    TextFieldCheckBox
    Interactive
    Button
    Feedback
    Badge

Reactivity & Actions

  • Actions
  • Transport

Styling

  • Theming
  • RTL Support

Advanced

  • Custom Components
  • API Reference
  1. Home
  2. /Docs
  3. /Components
  4. /Row
Layout

Row

A horizontal flex container that arranges children from left to right (or right to left in RTL mode). Supports wrapping, justification, and responsive design.

Properties

NameTypeRequiredDescription
idstringYesUnique identifier for the component
childrenstring[]NoArray of child component IDs
gapstringNoSpacing between children(default: md)
justify'start' | 'center' | 'end' | 'between'NoHorizontal distribution(default: start)
wrapbooleanNoAllow items to wrap to next line(default: false)

Examples

Basic Row

A simple horizontal layout with buttons

Preview
json

Centered Row

Row with centered content and badges

Preview
json
Back to Components