@instructure/ui-popover

---

category: packages

ui-popover

     

A component for hiding or showing content based on user interaction.

Components

The ui-popover package contains the following:

• Popover

Installation

yarn add @instructure/ui-popover

Usage

For detailed usage and documentation, see Popover.

import React from 'react'
import { Popover } from '@instructure/ui-popover'

const MyPopover = () => {
  return (
    <Popover
      on="click"
      renderTrigger={<button>Click me!</button>}
    >
      Hello world
    </Popover>
  )
}