Breaking News: Grepper is joining You.com. Read the official announcement!

antd button icon not centered

Grieving Gharial answered on September 4, 2023 Popularity 3/10 Helpfulness 4/10

answer antd button icon not centered

antd button icon not centered

Comment

button,
span {
  display: inline-flex;
  align-items: center;
}

// or inline styles

<Button type="primary" onClick={() => downloadExcel()} icon={<VerticalAlignBottomOutlined />} style={{ borderRadius: 0, display: "inline-flex", alignItems: "center"}}>
  Text
</Button>

Popularity 3/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: antd button javascript

Link to this answer
Share Copy Link