Components API | 组件 API

API Reference

Ant Design React component APIs and props.

Common Props

Most components share common props:

className: Additional CSS class
style: Inline style object
disabled: Disabled state
loading: Loading state
size: Component size (large, middle, small)

Button API

Props:

type: Button type (primary, default, dashed, text, link)
size: Button size (large, middle, small)
shape: Button shape (default, round, circle)
icon: Icon component
loading: Loading state
disabled: Disabled state
onClick: Click handler

Form API

Props:

form: Form instance from Form.useForm()
layout: Form layout (horizontal, vertical, inline)
onFinish: Submit handler
onFinishFailed: Failed submit handler
initialValues: Initial form values

Form.Item Props:

name: Field name
label: Field label
rules: Validation rules
required: Required indicator

Table API

Props:

columns: Column definitions
dataSource: Table data
pagination: Pagination config
rowSelection: Row selection config
onChange: Table change handler

Column Props:

title: Column title
dataIndex: Data field name
key: Unique key
sorter: Sort function
render: Custom render function

Input API

Props:

value: Input value
defaultValue: Default value
placeholder: Placeholder text
size: Input size
prefix: Prefix element
suffix: Suffix element
onChange: Change handler

Select API

Props:

value: Selected value
defaultValue: Default value
mode: Selection mode (multiple, tags)
showSearch: Enable search
onChange: Change handler

Modal API

Props:

open: Modal visibility
title: Modal title
onOk: OK button handler
onCancel: Cancel button handler
footer: Custom footer
width: Modal width

Static Methods:

Modal.info(), Modal.success(), Modal.error(), Modal.warning(), Modal.confirm()

Key Points

All components support className and style props
Most components support size and disabled props
Form components use controlled/uncontrolled pattern
Table uses columns and dataSource pattern
Modal supports both component and static method usage