How to use grommet-controls - 10 common examples

To help you get started, we’ve selected a few grommet-controls 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 atanasster / crypto-grommet / components / auth / RegistrationForm.js View on Github external
const { onSwitchLogin } = this.props;
    return (
      
        
        
          
          <form>
            
            
            
            

            
              <button label="Register" type="submit">
            
          
        
      
    );
  }</button></form>
github atanasster / grommet-dashboard / components / profiles / SmallProfileForm.js View on Github external
src='//v2.grommet.io/assets/Wilderpeople_Ricky.jpg'
          round='full'
          size='large'
        /&gt;
      
      
        
      
    
    
    
    
  
);
github atanasster / crypto-grommet / components / auth / RecoverPasswordForm.js View on Github external
render() {
    const { onSwitchLogin } = this.props;
    return (
      
        
        <form>
          
          
            <button label="Submit" type="submit">
          
        
      
    );
  }
}</button></form>
github atanasster / crypto-grommet / components / auth / LoginForm.js View on Github external
onClick={() =&gt; this.openOAutPopup('linkedin')}
              /&gt;
            
            
              }
                label='Google'
                onClick={() =&gt; this.openOAutPopup('google')}
              /&gt;
            
          
        
        
          
          <form>
            
            
            
              <button label="Log in" type="submit">
            
          
        
        
      </button></form>
github atanasster / grommet-dashboard / components / profiles / LargeProfileForm.js View on Github external
bio: `
Legendary assassin retired from his violent career after marrying the love of his life.
Her sudden death leaves John in deep mourning and when sadistic mobster Iosef Tarasov and his thugs
steal John's prized car and kill the puppy that was a last gift from his wife,
John unleashes the remorseless killing machine within and seeks vengeance.
      `,
    }}
    title='Profile'
    submitLabel='Save profile'
  &gt;
    
      
        
      
      
        
github atanasster / crypto-grommet / components / auth / ResetPasswordForm.js View on Github external
render() {
    return (
      
        <form>
          
          

          
            <button label="Submit" type="submit">
          
        
      
    );
  }
}</button></form>
github atanasster / grommet-dashboard / pages / reset_password.js View on Github external
)}
    onSubmit={({ email }) =&gt; alert(`an email was sent to ${email}`)}
  &gt;
    
      Enter your email address below and we will send you an email to reset your password.
    
    
  
);
github atanasster / grommet-dashboard / pages / login.js View on Github external
)}
  &gt;
    
    
          Password
          
        
      )}
      description='Password'
      name='password'
      validation={
        [validators.required(), validators.minLength(5), validators.alphaNumeric()]
      }
    /&gt;