formover

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #go #deep-learning #linux #windows #cli #vue #awesome-list #security #pytorch #openai

(★ 159)

Build forms that pop bottles 🍾with Formik and React Popper

파일 탐색기

최종 버전 다운로드 (.zip)

- - index.css
  - index.d.ts
  - index.tsx
  - logo.svg
- .gitignore
- index.html
- package.json
- tsconfig.json
- yarn.lock
- Formover.tsx
- index.d.ts
- index.tsx
- Popover.tsx
- Toggle.tsx
.gitignore
.npmignore
package-lock.json
package.json
README.md
tsconfig.json

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Formover

Formik x React Popper

## Why?

Quickly build forms that live in popovers like Airbnb's search filters.

![kapture 2018-04-25 at 19 51 50](https://user-images.githubusercontent.com/4060187/39278604-23811ea2-48c2-11e8-9fbe-b8f2b5f7a888.gif)

## How

```
yarn add formik formover react-popper
```

```tsx
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { FormikActions, Form, Field } from 'formik';
import { FormoverProps, PopoverProps, Formover } from 'formover';

const Button: React.SFC<any> = ({ innerRef, ...props }) => (
  <button ref={innerRef} {...props} />
);

export interface FormValues {
  email: string;
}

![bitmoji](https://render.bitstrips.com/v2/cpanel/6effbe04-03f0-4c2d-a1cd-43777cbebfb6-d1a1e672-c5f5-466f-bff9-82e07b058b8f-v1.png?transparent=1&palette=1&width=246)
---

MIT License

formover

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

formover

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README