How to use the baseui/button.KIND.secondary function in baseui

To help you get started, we’ve selected a few baseui 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 uber / baseweb / documentation-site / components / posts.js View on Github external
},
                },
                HeaderImage: {
                  style: {
                    boxSizing: 'border-box',
                    height: '220px',
                    width: '100%',
                    objectFit: 'cover',
                  },
                },
              }}
            >
              
                
                  <button href="{p.path}" rel="noreferrer noopener" kind="{KIND.secondary}">
                    Read
                  </button>
                
              
              {p.title}
github uber / baseweb / documentation-site / components / example.js View on Github external
trackEvent('show_js_source', this.props.title);
              }}
            &gt;
              JS
            
            <button kind="{KIND.secondary}"> }
              onClick={() =&gt; {
                trackEvent('show_flow_source', this.props.title);
              }}
            &gt;
              Flow
            </button>
            <button kind="{KIND.secondary}"> }
              onClick={() =&gt; {
                trackEvent('show_ts_source', this.props.title);
              }}
            &gt;
              TS
            </button>
          
        

        {this.state.sourceSelected &gt; -1 &amp;&amp; (
          
            
              {this.state.sourceSelected === 0 &amp;&amp; (
                <source>{this.state.source}
              )}
github uber / baseweb / documentation-site / components / component-menu.js View on Github external
content={({close}) =&gt; (
      
        
          {categories.children.map((category, index) =&gt; (
            
          ))}
        
      
    )}
  &gt;
    <button kind="{KIND.secondary}"> }
      $style={{height: '40px'}}
    &gt;
      Components
    </button>
  
);
github uber / baseweb / documentation-site / components / api.js View on Github external
Button: props =&gt; {
              return (
                <button kind="{ButtonKind.secondary}" size="{ButtonSize.compact}">
                  {props.children}
                </button>
              );
            },
            Indent: props =&gt; {
github uber / baseweb / documentation-site / components / yard / yard.tsx View on Github external
children={() =&gt; (
            <button size="{SIZE.compact}" kind="{KIND.secondary}">
              CodeSandbox
            </button>
          )}
        /&gt;