Tooltip

Tooltip content

Content

Position

Size

import { Button, Tooltip } from '@creation-ui/react'
 
export const Example = props => {
  return (
    <Tooltip content='Tooltip content' position='top'>
      <Button variant='contained'>Submit</Button>
    </Tooltip>
  )
}

Component API

Tooltip component props.

Prop	Default	Description
`position`	—	`top \| bottom \| right \| left` Position of the element
`size`	`md`	`sm \| md \| lg` Size of the element
`content`	—	`React.ReactNode` Content inside tooltip
`children`	—	`React.ReactNode` This is the content that tooltip wraps around
`className`	—	`string` Class names override

Popover Callout