element-plus/packages/theme-chalk
jeremywu dd19cae2bc
refactor(components): popper composables (#5035)
* refactor(components): popper composables

- Refactor popper composables

* updates

* updates for tooltip

* Updates for popper. TODO: fix controlled tooltip animation

* Fix controlled mode popper animation issue

* Add new feature for customizing tooltip theme

* Fix popover and popconfirm error

* - Add Collection component for wrapping a collection of component
- Add FocusTrap component for trap focus for popups
- Add RovingFocus component for roving focus component type
- Adjust dropdown component based on these newly added components
- Add popper-trigger component for placing the trigger
- TODO: Finish current dropdown component, and all component's tests plus documents

* Refactor popper

* Complete organizing popper

* Almost finish dropdown

* Update popper tests

* update only-child test

* Finish focus trap component test

* Finish tooltip content test

* Finish tooltip trigger tests

* Finish tooltip tests

* finish tests for Collection and RovingFocusGroup

* Fix test cases for timeselect & select & popover

* Fix popover, popconfirm, menu bug and test cases

* Fix select-v2 test error caused by updating popper

* Fix date-picker test issue for updating popper

* fix test cases

* Fix eslint

* Rebase dev & fix tests

* Remove unused code
2022-01-04 09:15:15 +08:00
..
src refactor(components): popper composables (#5035) 2022-01-04 09:15:15 +08:00
.gitignore feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696) 2021-09-28 20:42:12 +08:00
gulpfile.ts epic: refactor icons (#3492) 2021-10-27 23:17:13 +08:00
package.json chore(deps): update dependency gulp-sass to v5.1.0 (#5066) 2021-12-31 10:44:22 +08:00
README.md feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696) 2021-09-28 20:42:12 +08:00
tsconfig.json chore(build): remove useless dependencies & use ts for gulp & add progressbar (#2792) 2021-08-03 09:12:34 +08:00

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'

Or

<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'

// ...