kopia lustrzana https://github.com/shoelace-style/shoelace
fix preview imports
rodzic
1d2033953b
commit
0521740824
|
|
@ -47,7 +47,7 @@ This example demonstrates all of the baked-in animations and easings. Animations
|
|||
</div>
|
||||
|
||||
<script type="module">
|
||||
import { getAnimationNames, getEasingNames } from '@shoelace-style/shoelace/dist/utilities/animation.js';
|
||||
import { getAnimationNames, getEasingNames } from '/dist/utilities/animation.js';
|
||||
|
||||
const container = document.querySelector('.animation-sandbox');
|
||||
const animation = container.querySelector('sl-animation');
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@ Here's an example that registers an icon library located in the `/assets/icons`
|
|||
|
||||
```html
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('my-icons', {
|
||||
resolver: name => `/assets/icons/${name}.svg`,
|
||||
|
|
@ -104,7 +104,7 @@ Icons in this library are licensed under the [Creative Commons 4.0 License](http
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('boxicons', {
|
||||
resolver: name => {
|
||||
|
|
@ -158,7 +158,7 @@ Icons in this library are licensed under the [MIT License](https://github.com/fe
|
|||
</div>
|
||||
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('feather', {
|
||||
resolver: name => `https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/icons/${name}.svg`
|
||||
|
|
@ -174,7 +174,7 @@ Icons in this library are licensed under the [Font Awesome Free License](https:/
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('fa', {
|
||||
resolver: name => {
|
||||
|
|
@ -220,7 +220,7 @@ Icons in this library are licensed under the [MIT License](https://github.com/ta
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('heroicons', {
|
||||
resolver: name => `https://cdn.jsdelivr.net/npm/heroicons@0.4.2/outline/${name}.svg`
|
||||
|
|
@ -245,7 +245,7 @@ Icons in this library are licensed under the [MIT License](https://github.com/lu
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('iconoir', {
|
||||
resolver: name => `https://cdn.jsdelivr.net/gh/lucaburgio/iconoir@latest/icons/${name}.svg`
|
||||
|
|
@ -270,7 +270,7 @@ Icons in this library are licensed under the [MIT License](https://github.com/io
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('ionicons', {
|
||||
resolver: name => `https://cdn.jsdelivr.net/npm/ionicons@5.1.2/dist/ionicons/svg/${name}.svg`,
|
||||
|
|
@ -315,7 +315,7 @@ Icons in this library are licensed under the [MIT License](https://github.com/mi
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('jam', {
|
||||
resolver: name => `https://cdn.jsdelivr.net/npm/jam-icons@2.0.0/svg/${name}.svg`,
|
||||
|
|
@ -348,7 +348,7 @@ Icons in this library are licensed under the [Apache 2.0 License](https://github
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('material', {
|
||||
resolver: name => {
|
||||
|
|
@ -391,7 +391,7 @@ Icons in this library are licensed under the [Apache 2.0 License](https://github
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('remixicon', {
|
||||
resolver: name => {
|
||||
|
|
@ -428,7 +428,7 @@ Icons in this library are licensed under the [Apache 2.0 License](https://github
|
|||
|
||||
```html preview
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('unicons', {
|
||||
resolver: name => {
|
||||
|
|
@ -464,7 +464,7 @@ This example will load the same set of icons from the jsDelivr CDN instead of yo
|
|||
|
||||
```html
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('default', {
|
||||
resolver: name => `https://cdn.jsdelivr.net/npm/bootstrap-icons@1.0.0/icons/${name}.svg`
|
||||
|
|
@ -480,7 +480,7 @@ If you want to change the icons Shoelace uses internally, you can register an ic
|
|||
|
||||
```html
|
||||
<script type="module">
|
||||
import { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
|
||||
import { registerIconLibrary } from '/dist/utilities/icon-library.js';
|
||||
|
||||
registerIconLibrary('system', {
|
||||
resolver: name => `/path/to/custom/icons/${name}.svg`
|
||||
|
|
|
|||
Ładowanie…
Reference in New Issue