---
name: Viewport Download Form
menu: Components
route: /components/viewport-download-form
---

import { Playground, Props } from 'docz'
import { State } from 'react-powerplug'
import { ViewportDownloadForm } from './../index'
import NameSpace from '../../../__docs__/NameSpace'

# Viewport Download Form

## Basic usage

<Playground>
  <State
    initial={{}}
  >
    {({ state, setState }) => (
      <React.Fragment>
        <div>
          <pre>{JSON.stringify(state, null, 2)}</pre>
        </div>
        <div style={{ maxWidth: '400px', margin: '0 auto' }}>
          <ViewportDownloadForm />
        </div>
      </React.Fragment>
    )}
  </State>
</Playground>

## API

<Props of={ViewportDownloadForm} />

## Translation Namespace

<NameSpace name="ViewportDownloadForm" />
