import InputFile from 'cloudify-ui-new/basic/form/InputFile.js'

public class | source

InputFile

Extends:

react~Component → InputFile

InputFile is a component showing file input field

Access

Stage.Basic.Form.File

Usage

InputFile

<Form errors={this.state.errors} ref="installForm" loading={this.state.loading}>
  <Form.Field width="8" error={this.state.errors.widgetUrl}>
    <Form.File placeholder="Select widget file" name="widgetFile" ref="widgetFile"/>
  </Form.Field>
</Form>

Static Member Summary

Static Public Members
public static	propTypes: * propTypes

Static Public Members

public static propTypes: * source

propTypes

Properties:

Name	Type	Attribute	Description
name	string	optional	name of the field appended to 'fileName' string
placeholder	string	optional default: ''	specifies a short hint that describes the expected input
onChange	function	optional default: (function () {});	function called on file change
loading	boolean	optional default: false	if set to true opening file selector will be disabled
disabled	boolean	optional default: false	if set to true component will be disabled