0.1.0-alpha.7eda8a42 • Published 8 years ago

@hig/flyout v0.1.0-alpha.7eda8a42

Weekly downloads
49
License
Apache-2.0
Repository
github
Last release
8 years ago

Flyout

A flyout is a lightweight popup container, typically styled as a small box with a nub (pointer). Flyouts provide a container for navigation, actions, and menu options.

Read more about when and how to use the Flyout component on the website.

Getting started

Install the package

yarn add @hig/flyout

Import the component and CSS

import Flyout from '@hig/flyout';
import '@hig/flyout/build/index.css';

Basic usage

<Flyout
  anchorPoint="right-top"
  content={
    <div>
      <h3>Important flyout information</h3>
      <p>Any content can go in here.</p>
    </div>
  }
>
  <Button title="Open flyout" />
</Flyout>
2.3.1

4 years ago

2.3.0

4 years ago

2.2.1

4 years ago

2.2.0

4 years ago

2.1.2

4 years ago

2.1.1

4 years ago

2.1.3

4 years ago

2.0.0

4 years ago

1.3.1

4 years ago

1.3.0

4 years ago

2.1.0

4 years ago

1.2.2

5 years ago

1.2.1

6 years ago

1.2.0

7 years ago

1.1.1

7 years ago

1.1.0

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago

0.8.1

7 years ago

0.8.0

7 years ago

0.7.0

8 years ago

0.6.0

8 years ago

0.5.0

8 years ago

0.4.1

8 years ago

0.4.0

8 years ago

0.3.0

8 years ago

0.2.0

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago

0.1.1-alpha

8 years ago

0.1.0-alpha

8 years ago