docs: FileInputField, add headers for each UI State

Author: nicolechung

docs/components/file-input-field/index.md

@@ -138,27 +138,45 @@ Target the trigger text (i.e. "Select Files") via `data-trigger`.
 
 ## UI States
 
+## FileInputField with label
+
 <div class='flex flex-col gap-y-5'>
   <Form::FileInputField
     @deleteLabel='Delete file'
     @label='Label'
     @trigger='Select Files'
   />
 
+## FileInputField with label and hint
+
 <Form::FileInputField
 @deleteLabel='Delete file'
 @label='Label'
 @hint='Hint text'
 @trigger='Select Files'
 />
 
+## FileInputField with label and error
+
+<Form::FileInputField
+@deleteLabel='Delete file'
+@label='Label'
+@error='Here is an error'
+@trigger='Select Files'
+/>
+
+## FileInputField with label, hint and error
+
 <Form::FileInputField
 @deleteLabel='Delete file'
 @label='Label'
+@hint='Hint'
 @error='Here is an error'
 @trigger='Select Files'
 />
 
+## FileInputField with label and isDisabled
+
 <Form::FileInputField
 @deleteLabel='Delete file'
 @label='Label'