The popper component (lk-popper) is a utility component used to position
Popper content.
Popper content.
Popper content.
Popper content.
Popper content.
This is going to be a little bit longer.
There are circumstances where we may want to disable the Popper functionality, this can be done using the disabled prop.
Popper content.
This is going to be a little bit longer.
Popper content.
This is going to be a little bit longer.
We may want to have a delay when it comes to hiding and showing the popper content on hover, we can achieve this using the show-delay-seconds and hide-delay-seconds props.
Popper content.
This is going to be a little bit longer.
Popper content.
This is going to be a little bit longer.
The Popper component implements the margin-bottom prop is set to none and the display prop is set to inline-block.
The popper is able to be positioned around the element it is wrapping using the following props:
bottomtopleftrightThe popper will automatically position itself to be within the viewport of the browser if it would otherwise not be. For example, when an item with the prop bottom is at the bottom of the viewport, the popper will automatically position itself above the element so that it is visible.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
By default, the popper will align to the center (if using left or right) or middle (if using bottom or top) of the element it is wrapping.
The start and end props can be used to align the popper with either the start or end edges of the element it is wrapping.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.
Popper content.
An extra line of content.
The final line.