fix preview imports

pull/479/head
Cory LaViska 2021-06-14 17:17:41 -04:00
rodzic 1d2033953b
commit 0521740824
2 zmienionych plików z 14 dodań i 14 usunięć

Wyświetl plik

@ -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');

Wyświetl plik

@ -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`