js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 11:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update custom elements example

Browse Source
This commit is contained in:
Cory LaViska
2020-07-21 09:21:52 -04:00
parent 5237b2be6b
commit 27cf48849c
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/getting-started/installation.md
View File

@@ -42,12 +42,13 @@ To use the custom elements bundle, install Shoelace locally with the following c
npm install @shoelace-style/shoelace
```
To import a single Shoelace component, use this syntax.
To import individual Shoelace components, use this syntax.
```js
import { Button } from '@shoelace-style/shoelace/dist/custom-elements';
import { SlButton, SlDropdown } from '@shoelace-style/shoelace/dist/custom-elements';
customElements.define('sl-button', Button);
customElements.define('sl-button', SlButton);
customElements.define('sl-dropdown', SlButton);
```
For convenience, the bundle also exports a `defineCustomElements()` method. When this method is called, it will automatically define all Shoelace components in the bundle.