Divider
A dividing line that separates content.
Install
npm install antd-mobile@5.43.0
antd-mobile is for mobile web, not React Native or Mini Programs. React 19 projects must register createRoot with unstableSetRender at the entry, or imperative APIs such as Toast and Dialog cannot render. Switch dark mode with <html data-prefers-color-scheme="dark">.
Examples come from the official Ant Design Mobile repository (MIT) at the commit published as npm 5.43.0. Presentation helpers such as DemoBlock are JGuang rewrites, not antd-mobile APIs.
A dividing line that separates content.
When to Use
- Split text paragraphs in different chapters.
- Split inline text/links, such as the action column of a table.
Demos
Divider
Props
| Name | Description | Type | Default |
|---|---|---|---|
| contentPosition | The position of the content. Only take effect when direction is horizontal. | 'center' | 'left' | 'right' | 'center' |
| direction | The direction type of divider | 'horizontal' | 'vertical' | 'horizontal' |