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

npm install @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>
  )
}