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. /Card
Layout

Card

A container component that groups related content with a border, optional shadow, and background. Perfect for organizing information into distinct sections.

Properties

NameTypeRequiredDescription
idstringYesUnique identifier for the component
childrenstring[]NoArray of child component IDs
classNamestringNoAdditional CSS classes

Examples

Simple Card

A basic card with text content

Preview
json

Card with Action

Card with button for user interaction

Preview
json
Back to Components