0.2.9 • Published 5 years ago

yuai-tooltip v0.2.9

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

yuai-tooltip

Build Size PeerDependencies LatestVersion License

React tooltip components with styled-components

Install

yarn install yuai-tooltip react styled-components

Components

Tooltip

import * as React from 'react';
import styled from 'styled-components';
import { Tooltip, Position } from 'yuai-tooltip';

const StyledTooltip = styled(Tooltip)`
  float: right;

  .yuai-tooltip {
    background: #fff;
    text-align: left;
    font-size: 14px;
    box-shadow: 0 2px 2px #aaa;
    z-index: 1;
  }
`;

const HelloWorld = () => {
  const content = (
    <ul>
      <li>Settings</li>
      <li>Sign Out</li>
    </ul>
  );
  return (
    <StyledTooltip content={content} position={Position.BOTTOM_RIGHT}>
      <Avatar />
    </StyledTooltip>
  );
};

License

MIT

0.2.9

5 years ago

0.2.8

5 years ago

0.2.7

5 years ago

0.2.6

5 years ago

0.2.5

5 years ago

0.2.4

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.1.1

5 years ago