Tooltip

Message.

Hover me
{() => {
    class StateManager extends Component {
      constructor() {
        super()
        this.state = { isChecked: false }
        this.toggle = this.toggle.bind(this)
      }
      toggle() {
        this.setState({ isChecked: !this.state.isChecked })
      }
      render() {
        return (
          <SpacedGroup center>
            <Tooltip anchor={<span>Hover me}>
              <SpacedGroup xs={4}>
                <span>Message</span>
              </SpacedGroup>
            </Tooltip>
            <Tooltip
              anchor={
                <IconSwitch
                  checkedIcon={<CheckIcon />}
                  uncheckedIcon={<CloseIcon />}
                  onClick={this.toggle}
                  checked={this.state.isChecked}
                />
              }
            >
              <SpacedGroup xs={4}>
                <span>Message</span>
              </SpacedGroup>
            </Tooltip>
          </SpacedGroup>
        )
      }
    }
    return <StateManager />
  }}
</Playground>

API