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