MENU


Tooltip


RESETRUNFULL
import React from 'react'import {OverlayTrigger, Tooltip, Button} from 'react-bootstrap';import 'bootstrap/dist/css/bootstrap.min.css';function App(props) {
  return (<>
    {['top', 'right', 'bottom', 'left'].map((placement) => (
      <OverlayTrigger key={placement} placement={placement}
             overlay={<Tooltip id={`tooltip-${placement}`}>
                               Tooltip on <strong>{placement}</strong>.
                           </Tooltip>}>
        <Button variant="secondary">Tooltip on {placement}</Button>
      </OverlayTrigger>
    ))}
  </>);}export default App;