How to use the semantic-ui-react.Grid.Row function in semantic-ui-react

To help you get started, weā€™ve selected a few semantic-ui-react 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 TiE23 / metric-teacher / client / src / components / landing / welcome / Welcome.js View on Github external
<header size="small">
            Start learning on {SITE_NAME} today!
          </header>
          
        
      
    

    {/* Mobile */}
    
      
        <img size="large" src="/img/challenge/r-correct-c.gif">
      
    
    
      
        
          <header size="large">
            
              "So, are you ready to learn?"
              
                <i>ā€”{MASCOT_NAME_LONG}</i>
              
            
          </header>
          <header size="small">
            Start learning on {SITE_NAME} today!
          </header>
github nearprotocol / near-wallet / src / components / dashboard / KeyListItem.js View on Github external
import React from 'react'

import { Grid, Image } from 'semantic-ui-react'

import ArrowRight from '../../images/icon-arrow-right.svg'
import ArrowBlkImage from '../../images/icon-arrow-blk.svg'

import styled from 'styled-components'
import Balance from '../common/Balance'

// TODO: Refactor common code with KeyListItem
const CustomGridRow = styled(Grid.Row)`
   &&& {
      margin-left: 20px;
      border-left: 4px solid #f8f8f8;
      cursor: pointer;

      &.wide {
         margin-left: 0px;
         border-left: 0px;
      }

      .main-row-title {
         font-weight: 600;
         width: auto;
         padding-right: 0px;
         flex: 1;
         word-break: break-all;
github harel-digital / mockus / mockus-client / src / components / RouteFormComponent.js View on Github external
<label>Delay</label>
                        <input type="number" placeholder="Delay" value="{routeObject.delay}">
                    
                
                
                    
                        <label>Headers</label>
                        
                    
                
                
                    
                        <label>Response object</label>
                        
                    
                

                
github nearprotocol / near-wallet / src / components / dashboard / ActionsList.js View on Github external
import IconTAcct from '../../images/IconTAcct'
import IconTKeyDelete from '../../images/IconTKeyDelete'
import IconTContract from '../../images/IconTContract'
import IconTCall from '../../images/IconTCall'
import IconTTransfer from '../../images/IconTTransfer'
import IconTStake from '../../images/IconTStake'
import IconTKeyNew from '../../images/IconTKeyNew'

import ArrowRight from '../../images/icon-arrow-right.svg'
import ArrowBlkImage from '../../images/icon-arrow-blk.svg'

import { Grid, Image } from 'semantic-ui-react'

import styled from 'styled-components'

const CustomGridRow = styled(Grid.Row)`
   &&& {
      margin-left: 20px;
      border-left: 4px solid #f8f8f8;

      .col-image {
         margin-left: -15px;
         width: 40px;
         flex: 0 0 40px;
         padding-left: 0px;

         > div {
            border: 1px solid #e6e6e6;
            background: #fff;
            border-radius: 100%;
            display: flex;
            align-items: center;
github nearprotocol / near-wallet / src / components / accounts / CreateAccountSection.js View on Github external
const CreateAccountSection = ({ successMessage, errorMessage, children }) =&gt; (
   
      
         
            Choose a Username
         
      
      
         
            {children}
         
         
            
               {successMessage &amp;&amp; (
                  
                     
                        Congrats! this name is available.
                     
                  
               )}
               {errorMessage &amp;&amp; (
                  
                     
                        Username is taken. Try something else.
github nearprotocol / near-wallet / src / components / dashboard / ListItem.js View on Github external
import React from 'react'

import { Grid, Image } from 'semantic-ui-react'

import MainImage from '../common/MainImage'

import ArrowRight from '../../images/icon-arrow-right.svg'
import ArrowBlkImage from '../../images/icon-arrow-blk.svg'

import styled from 'styled-components'

const CustomGridRow = styled(Grid.Row)`
   &&& {
      margin-left: 20px;
      border-left: 4px solid #f8f8f8;
      cursor: pointer;

      .col-image {
         margin-left: -33px;
         width: 40px;
         flex: 0 0 40px;
         padding-left: 0px;

         > div {
            margin: 0 24px 0 18px;
         }
      }