Skip to content

Commit

Permalink
feat: update func append to body
Browse files Browse the repository at this point in the history
  • Loading branch information
@jambonn
jambonn committed Jul 28, 2023
1 parent 77c8d75 commit 4b1c89a
Show file tree
Hide file tree
Showing 4 changed files with 112 additions and 75 deletions.
44 changes: 22 additions & 22 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,28 +76,28 @@ pnpm add vue-popper-lite

## Props

| Name | Type | Default | Description |
|-----------------------|---------|------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| `trigger` | String | `hover` | Optional value: <br><ul><li>**hover** - hover to open popper content</li><li>**clickToOpen** - every click on the popper triggers open, only clicking outside of the popper closes it</li><li>**clickToToggle** - click on the popper toggles it's visibility</li><li>**focus** - opens popper on focus event, closes on blur.</li> |
| `placement` | String | `bottom` | Preferred placement of the Popper |
| `delay-on-mouse-over` | Number | `10` | Delay in ms before showing popper during a mouse over |
| `delay-on-mouse-out` | Number | `10` | Delay in ms before hiding popper during a mouse out |
| `disabled` | Boolean | `false` | Disables the Popper. If it was already open, it will be closed. |
| `content` | String | `null` | If your content is just a simple string, you can pass it as a prop |
| `transition` | String | `empty` | Custom transition class |
| `enter-active-class` | String | `null` | Custom transition class enter |
| `leave-active-class` | String | `null` | Custom transition class leave |
| `force-show` | Boolean | `false` | Force show popper |
| `append-to-body` | Boolean | `false` | Append content to body |
| `visible-arrow` | Boolean | `true` | Visible an arrow on the Popper |
| `arrow-padding` | Number | `0` | Stop arrow from reaching the edge of the Popper (in pixels) |
| `enable-flip` | Boolean | `true` | Popper into place, it will not flip dynamically when it runs out of space if this is set to `false` |
| `offset-kidding` | Number | `0` | Offset in pixels along the trigger element |
| `offset-distance` | Number | `8` | Offset in pixels away from the trigger element |
| `stop-propagation` | Boolean | `false` | Stop propagation event click |
| `prevent-default` | Boolean | `false` | Prevent default event click |
| `strategy` | String | `absolute` | Describes the positioning strategy to use. If your reference element is in a fixed container, use the `fixed` strategy |
| `content-class` | String | `empty` | Class name for content element |
| Name | Type | Default | Description |
|-----------------------|---------|------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| `trigger` | String | `hover` | Optional value: <br><ul><li>**hover** - hover to open popper content</li><li>**clickToOpen** - every click on the popper triggers open, only clicking outside of the popper closes it</li><li>**clickToToggle** - click on the popper toggles it's visibility</li> |
| `placement` | String | `bottom` | Preferred placement of the Popper |
| `delay-on-mouse-over` | Number | `10` | Delay in ms before showing popper during a mouse over |
| `delay-on-mouse-out` | Number | `10` | Delay in ms before hiding popper during a mouse out |
| `disabled` | Boolean | `false` | Disables the Popper. If it was already open, it will be closed. |
| `content` | String | `null` | If your content is just a simple string, you can pass it as a prop |
| `transition` | String | `empty` | Custom transition class |
| `enter-active-class` | String | `null` | Custom transition class enter |
| `leave-active-class` | String | `null` | Custom transition class leave |
| `force-show` | Boolean | `false` | Force show popper |
| `append-to-body` | Boolean | `false` | Append content to body |
| `visible-arrow` | Boolean | `true` | Visible an arrow on the Popper |
| `arrow-padding` | Number | `0` | Stop arrow from reaching the edge of the Popper (in pixels) |
| `enable-flip` | Boolean | `true` | Popper into place, it will not flip dynamically when it runs out of space if this is set to `false` |
| `offset-kidding` | Number | `0` | Offset in pixels along the trigger element |
| `offset-distance` | Number | `8` | Offset in pixels away from the trigger element |
| `stop-propagation` | Boolean | `false` | Stop propagation event click |
| `prevent-default` | Boolean | `false` | Prevent default event click |
| `strategy` | String | `absolute` | Describes the positioning strategy to use. If your reference element is in a fixed container, use the `fixed` strategy |
| `content-class` | String | `empty` | Class name for content element |

## Events

Expand Down
Loading

0 comments on commit 4b1c89a

Please sign in to comment.