---
name: FileInput
menu: Components
route: /components/fileInput
---

import { Playground, Props } from 'docz'
import FileInput from './'

# FileInput

## Import
`import { FileInput } from '@blasterjs/core'`

## Basic usage

<Playground>
    <FileInput />
</Playground>


## PropTypes

| Prop | Type | Required | Default | Description |
|:-----|:-----|:---------|:--------|:------------|
| `COMMON` | Style Prop |  |  | see [Style Props](/style-props) |
| `BORDER` | Style Prop |  |  | see [Style Props](/style-props) |
| `LAYOUT` | Style Prop |  |  | see [Style Props](/style-props) |
| `FLEX_ITEM` | Style Prop |  |  | see [Style Props](/style-props) |


## Theming

### Schema
```
{
  space: {
    p
  },
  colors: {
    color,
    bg
  },
  borders: {
    border
  },
  radii: {
    borderRadius
  },
  overrides: css`
    ...
  `
}
```

- [Default theme](https://github.com/raster-foundry/blasterjs/tree/master/packages/core/theme/components/fileInput)
- [Learn more about themeing](/blaster-theme)