How to use the @blueprintjs/icons.IconNames.FLOPPY_DISK function in @blueprintjs/icons

To help you get started, we’ve selected a few @blueprintjs/icons 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 source-academy / cadet-frontend / src / components / sourcecast / SourcereelControlbar.tsx View on Github external
this.handleRecorderStarting
    );
    const RecorderStopButton = controlButton('Stop', IconNames.STOP, this.handleRecorderStopping);
    const RecorderResetButton = controlButton(
      'Reset',
      IconNames.REFRESH,
      this.handleRecorderResetting
    );
    // const RecorderDownloadButton = controlButton(
    //   'Download',
    //   IconNames.DOWNLOAD,
    //   this.handleRecorderDownloading
    // );
    const RecorderSaveButton = (
      
        {controlButton('Save', IconNames.FLOPPY_DISK)}
        <ul>
          <li>
            <label>Title: </label>
            <input value="{this.state.saveTitle}">
          </li>
          <li>
            <label>Description: </label>
            <input value="{this.state.saveDescription}" id="description"></li></ul>
github RoboPhred / oni-duplicity / src / components / AppNavBar / component.tsx View on Github external
render() {
        const {
            className,
            saveFileName,
            isSaveEnabled
        } = this.props;

        return (
            
                
                    ONI Save Editor
                    
                
                
                    <button>Load</button>
                    <button disabled="{!isSaveEnabled}">Save</button>
                    <input> this._input = el}
                        style={{ display: "none" }}
                        className="pt-button pt-intent-primary"
                        type="file"
                        accept=".sav"
                        onChange={this._onLoadFile}
                    /&gt;
                
            
        );
    }
github source-academy / cadet-frontend / src / components / academy / grading / GradingEditor.tsx View on Github external
/ {this.props.maxGrade}
                  
                
                 {`Final XP:`} 
                
                  
                
              
            
          
        
        {controlButton('Save', IconNames.FLOPPY_DISK, this.onClickSaveButton, saveButtonOpts)}
      
    );
  }
github RoboPhred / oni-duplicity / src / pages / NoSaveLoaded / component.tsx View on Github external
render() {
        const {
            loadSavefile
        } = this.props;
        return (
            Load a .sav file
                }
                description="No save has been loaded."
            &gt;
                <div>{saveDescription} <code>{savePath}</code></div>
                <input> this._input = el}
                    style={{display: "none"}}
                    className="pt-button pt-intent-primary"
                    type="file"
                    accept=".sav"
                    onChange={this._onLoadFile}
                /&gt;
            
        );
github palantir / tslint-playground / src / components / App.tsx View on Github external
private renderHeader = () =&gt; {
    const { config, code } = this.state;
    const queryString = encodeUrl(code, config);
    const clipboardText = `${window.location.origin}${queryString}`;

    return (
      
        
          TSLint Playground
        
        
          
            <button>
          
        
      
    );
  };
</button>