mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00

Files

Yan a45ecbab72 style(components): [tag] fix icon in slot causing text wrap (#23725 )

* Remove display flex from icon class in tag.scss

```css
.el-tag .el-icon {
    display: flex;
}
```
el-icon已经有了`display: inline-flex`，此处设置`display: flex;`会导致el-icon变成一个块，最终导致图标和文字换行。el-tag带图标的使用场景通常是图标和文字同一行。因此删掉`display: flex;`。

* fix: update icon style

---------

Co-authored-by: rzzf <cszhjh@gmail.com>

2026-03-08 12:38:28 +01:00

src

style(components): [tag] fix icon in slot causing text wrap (#23725 )

2026-03-08 12:38:28 +01:00

.gitignore

feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696 )

2021-09-28 20:42:12 +08:00

buildfile.ts

chore: css build compatibility is consistent with the docs (#23711 )

2026-03-03 10:32:11 +08:00

package.json

chore: refresh build toolchain (#23365 )

2026-03-02 21:21:24 +01:00

README.md

feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696 )

2021-09-28 20:42:12 +08:00

README.md

element-theme-chalk

element component chalk theme.

Installation

npm i element-plus

Usage

Use Sass import

@use 'element-plus/lib/theme-chalk/index.scss';

Or Use vite/webpack

import 'element-plus/lib/theme-chalk/index.css'

<link
  rel="stylesheet"
  href="https://unpkg.com/element-plus/lib/theme-chalk/index.css"
/>

Import on demand

import 'element-plus/lib/theme-chalk/input.css'
import 'element-plus/lib/theme-chalk/select.css'

// ...