Skip to content

Commit

Permalink
Updated browser installation guide
Browse files Browse the repository at this point in the history
- updated module versions to latest ones
- added required dependencies
  • Loading branch information
codedokode authored Oct 19, 2024
1 parent 729624a commit f075948
Showing 1 changed file with 10 additions and 3 deletions.
13 changes: 10 additions & 3 deletions docs/guide/installation.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,23 @@ import 'floating-vue/dist/style.css'

## Browser

Include `dist/floating-vue.min.js` in the page:
First, include scripts for dependencies: `@floating-ui/core` and `@floating-ui/dom`:

```html
<script src="https://unpkg.com/floating-vue@^2.0.0-beta.1"></script>
<script src="https://unpkg.com/@floating-ui/core@1/dist/floating-ui.core.umd.js"></script>
<script src="https://unpkg.com/@floating-ui/dom@1/dist/floating-ui.dom.umd.js"></script>
```

Include `dist/floating-vue.umd.js` in the page:

```html
<script src="https://unpkg.com/floating-vue@5/dist/floating-vue.umd.js"></script>
```

Also include the default CSS:

```html
<link rel="stylesheet" href="https://unpkg.com/floating-vue@^2.0.0-beta.1/dist/style.css" />
<link rel="stylesheet" href="https://unpkg.com/floating-vue@5/dist/style.css" />
```

Install the plugin into your app:
Expand Down

0 comments on commit f075948

Please sign in to comment.