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:
7
81. Import it into the single file component (SFC)
92. Add the `<form-file />` tag
103. Add the optional `id` , `disabled`, `accept` and `state` prop as required
11
12[Learn more about the Bootstrap-vue Form File component](https://bootstrap-vue.org/docs/components/form-file)
13
14### Optional properties
15
16- `id`- Used to set the `id` attribute on the rendered content, and used as the
17  base to generate any additional element IDs as needed
18- `disabled` - When set to `true`, disables the component's functionality and
19  places it in a disabled state
20- `accept` - Set value to specify which file types to allow
21- `state` - Controls the validation state appearance of the component. `true`
22  for valid, `false` for invalid, or `null` for no validation state
23
24## Example of form file
25
26```vue
27<form-file id="image-file" accept=".tar">
28</form-file>
29```
30
31![Formfile example in firmware](./formfile.png)
32