1# FormFile
2
3`FormFile` is a custom component wrapper around the Bootstrap-vue Form File
4component. The purpose of this component is to upload files to the BMC.
5
6To use this component:
71. Import it into the single file component (SFC)
82. Add the `<form-file />` tag
93. Add the optional `id` , `disabled`, `accept` and `state` prop as required
10
11[Learn more about the Bootstrap-vue Form File
12component](https://bootstrap-vue.org/docs/components/form-file)
13### Optional properties
14
15- `id`- Used to set the `id` attribute on the rendered content, and used as the
16  base to generate any additional element IDs as needed
17- `disabled` - When set to `true`, disables the component's functionality and
18  places it in a disabled state
19- `accept` - Set value to specify which file types to allow
20- `state` - Controls the validation state appearance of the component. `true`
21  for valid, `false` for invalid, or `null` for no validation state
22
23## Example of form file
24
25```vue
26<form-file
27  id="image-file"
28  accept=".tar"
29  >
30</form-file>
31```
32
33![Formfile example in firmware](./formfile.png)
34