How to use the baseui/button.KIND.minimal 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 DefinitelyTyped / DefinitelyTyped / types / baseui / baseui-tests.tsx View on Github external
;
; // $ExpectError
; // $ExpectError

// Breadcrumbs

    Parent Page
    Sub-Parent Page
    <span>Current Page</span>
;
;

// Button
<button>Click Me</button>;
<button kind="secondary">Click Me</button>;
<button size="{BUTTON_SIZE.default}" shape="{BUTTON_SHAPE.default}" kind="{BUTTON_KIND.minimal}">
    Click Me
</button>;
<button kind="invalid">Click Me</button>; // $ExpectError
<button>Click Me</button>;
<button>Click Me</button>; // $ExpectError
<button size="default">Click Me</button>;
<button size="huge">Click Me</button>; // $ExpectError
<button size="compact">Click Me</button>;
<button size="default">Click Me</button>;
<button size="large">Click Me</button>;
<button shape="square">Click Me</button>;
<button shape="round">Click Me</button>;
<button shape="triangle">Primary</button>; // $ExpectError
<button> <h1>}&gt;Open Menu;

// Button-Group</h1></button>
github uber / baseweb / documentation-site / components / layout.js View on Github external
style: {
                          [direction === 'rtl' ? 'left' : 'right']: 0,
                          [direction === 'rtl' ? 'right' : 'left']: 'auto',
                        },
                      },
                    }}
                  &gt;
                    <button> (
                        
                      )}
                      $as="a"
                      href={githubUrl}
                      target="_blank"
                      size={SIZE.compact}
                      kind={KIND.minimal}
                    &gt;
                      Edit this page
                    </button>
                  
                )}
                {componentSizeKb ? (
                  
                    Component size, gzipped: {componentSizeKb}kb
                  
                ) : null}
                
                  {children}
github uber / baseweb / documentation-site / examples / aspect-ratio-box / calendar.tsx View on Github external
const CalendarButton = (props: {children: React.ReactNode}) =&gt; (
  <button kind="{KIND.minimal}">
);
</button>
github uber / baseweb / documentation-site / components / header-navigation.js View on Github external
<button href="/blog/base-web-v9" kind="{KIND.minimal}" size="{SIZE.compact}">
                    {"What's new in v9?"}
                  </button>
github uber / baseweb / documentation-site / components / version-selector.js View on Github external
Option: {props: {size: 'compact'}},
                          }}
                        /&gt;
                      );
                    }
                  },
                },
              },
            }}
          /&gt;
        
      )}
    &gt;
      <button kind="{KIND.minimal}" size="compact"> }
      &gt;
        v{version}
      </button>
    
  );
};
github uber / baseweb / documentation-site / examples / aspect-ratio-box / calendar.js View on Github external
const CalendarButton = props =&gt; (
  <button kind="{KIND.minimal}">
);
</button>