How do i increase the thickness of a divider

[Kjkgfgdj]

Hello,
I hop every one is doing good
How do I increase the thickness of divider it's pretty shallow now i want it to be bigger as you can see in the poto

[dosubot[bot]]

Hi @Kjkgfgdj! I'm Dosu and I’m helping the ant-design team.

You can make the Ant Design Divider thicker in a few ways:

1. Use the size prop (for horizontal dividers):
Set size="large" for a thicker line:

<Divider size="large" />

This gives you three preset thicknesses: small, middle, and large (docs).

2. Use the style prop for custom thickness:
Set the CSS borderWidth or height for horizontal, or borderLeftWidth for vertical:

<Divider style={{ borderWidth: 4 }} />
// For vertical:
<Divider type="vertical" style={{ borderLeftWidth: 4 }} />

(example)

3. Use the styles prop (for more control, recent versions):
Customize semantic parts like the divider line (rail):

<Divider styles={{ rail: { borderWidth: 6 } }} />

(details)

4. For global changes, use theme tokens:
Wrap your app with ConfigProvider and set theme.token.lineWidth:

<ConfigProvider theme={{ token: { lineWidth: 6 } }}>
  <Divider />
</ConfigProvider>

(demo)

Pick the method that fits your needs—size for quick presets, style or styles for custom thickness, or theme tokens for global changes.

To reply, just mention @dosu.

---

Share context across your team and agents. Try Dosu.