@everchron/ec-shards 22.0.0 → 22.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -30
- package/dist/ec-shards.cjs +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.js +10 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,36 +10,6 @@ To use ec-shards in your project, install the [NPM](https://www.npmjs.com/packag
|
|
|
10
10
|
yarn add @everchron/ec-shards
|
|
11
11
|
```
|
|
12
12
|
|
|
13
|
-
### Importing icons only
|
|
14
|
-
|
|
15
|
-
If you only need icons and not the full component library, import them from the
|
|
16
|
-
`@everchron/ec-shards/icons` subpath. This pulls in just the icon components —
|
|
17
|
-
not the rest of the library or its global styles — and each icon's SVG is still
|
|
18
|
-
loaded on demand.
|
|
19
|
-
|
|
20
|
-
```vue
|
|
21
|
-
<script setup>
|
|
22
|
-
import { EcsIcon } from '@everchron/ec-shards/icons'
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<template>
|
|
26
|
-
<!-- `type` is the icon name (see src/assets/icons) -->
|
|
27
|
-
<EcsIcon type="search" :size="24" />
|
|
28
|
-
<EcsIcon type="loading" spinning />
|
|
29
|
-
<EcsIcon type="error" color="var(--color-danger)" />
|
|
30
|
-
</template>
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
Available from the subpath: `EcsIcon` (standard icons), `EcsFillIcon`,
|
|
34
|
-
`EcsFileIcon`, `EcsStateIcon`, and `EcsFavicon`.
|
|
35
|
-
|
|
36
|
-
The animated `spinning` state relies on the library stylesheet, so if you use
|
|
37
|
-
spinning/loading icons also import it once in your app:
|
|
38
|
-
|
|
39
|
-
```js
|
|
40
|
-
import '@everchron/ec-shards/dist/ec-shards.css'
|
|
41
|
-
```
|
|
42
|
-
|
|
43
13
|
## Building Shards
|
|
44
14
|
|
|
45
15
|
This repository contains the design system and Vue components for the Everchron web application.
|