How to use the react-select/lib/animated function in react-select

To help you get started, we’ve selected a few react-select examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github haiwen / seahub / frontend / src / components / dialog / create-table-dialog.js View on Github external
innerRef={input => {this.newInput = input;}} 
                value={this.state.tableName} 
                onChange={this.handleChange}
              />
            
          
          {this.state.errMessage && {this.state.errMessage}}
          {!currentWorkspace &&
            
              <label>{gettext('Belong to')}</label>
              <select placeholder="">
            
          }
        
        
          {gettext('Cancel')}
          {gettext('Submit')}
        
      
    );
  }
}</select>
github haiwen / seahub / frontend / src / components / dialog / lib-sub-folder-set-group-permission-dialog.js View on Github external
{gettext('Group')}
              {showPath &amp;&amp;
                {gettext('Folder')}
              }
              {gettext('Permission')}
              
            
          
          
            
              
                <select value="{this.state.selectedOption}" placeholder="{gettext('Select">
              
              {showPath &amp;&amp;
                
                  
                    </select><input value="{this.state.folderPath}">
                    <button></button>
                  
                
              }
              
github assembl / assembl / assembl / static2 / js / app / components / form / selectFieldAdapter.jsx View on Github external
{...rest}
          cacheOptions
          defaultOptions
          backspaceRemovesValue={false}
          isMulti={isMulti}
          name={name}
          placeholder={I18n.t(placeholder)}
          defaultValue={value}
          inputValue={inputValue}
          onInputChange={canCreate ? this.handleInputChange : null}
          onFocus={canCreate ? this.initializeInput : null}
          onBlur={canCreate ? this.removeInput : null}
          options={options}
          loadOptions={loadOptions}
          onChange={onChange}
          components={{ ...makeAnimated(), ...components }}
        /&gt;
        
      
    );
  }
}
github haiwen / seahub / frontend / src / components / dialog / transfer-dialog.js View on Github external
{this.state.transferToUser ?
             :
            <select placeholder="{gettext('Select">
          }
          {/*isPro &amp;&amp;
            {this.state.transferToUser ?
              gettext('Transfer to department'): gettext('Transfer to user')}
            
            */}
        
        
          {gettext('Cancel')}
          {gettext('Submit')}
        
      </select>
github haiwen / seahub / frontend / src / components / dialog / share-to-group.js View on Github external
{gettext('Group')}
              {gettext('Permission')}
              
            
          
          
            
              
                <select value="{this.state.selectedOption}" placeholder="{gettext('Select">
              
              
                
              
              </select>