How to use the baseui/button.KIND.tertiary 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 / yard / yard.tsx View on Github external
error={error.where === '__compiler' ? error.msg : null}
        code={state.code}
      />
       ({
              flexWrap: 'wrap',
              marginTop: $theme.sizing.scale300,
            }),
          },
        }}
      >
        <button kind="{KIND.tertiary}"> {
            trackEvent('yard', `${componentName}:format_code`);
            updateCode(dispatch, formatCode(state.code));
          }}
        &gt;
          {' '}
          Format
        </button>
        <button kind="{KIND.tertiary}"> {
            trackEvent('yard', `${componentName}:copy_code`);
            copy(state.code);
          }}</button>
github uber / react-view / src / yard.tsx View on Github external
onClick={() =&gt; {
            copy(state.code);
          }}
        &gt;
          Copy code
        
        <button kind="{KIND.tertiary}"> {
            copy(window.location.href);
          }}
        &gt;
          Copy URL
        </button>
        <button kind="{KIND.tertiary}"> {
            reset(
              dispatch,
              getCode(
                propsConfig,
                componentName,
                getThemeForCodeGenerator(themeConfig, {}, theme),
                importsConfig
              ),
              propsConfig,
              initialThemeObj
            );
            //updateUrl({ pathname })
          }}
        &gt;
          Reset</button>
github uber / baseweb / documentation-site / examples / table / pagination.js View on Github external
label: i + 1,
              }))}
              onItemSelect={({item}) =&gt; {
                handleLimitChange(item.label);
                close();
              }}
              overrides={{
                List: {
                  style: {height: '150px', width: '100px'},
                },
              }}
            /&gt;
          )}
          placement={PLACEMENT.bottom}
        &gt;
          <button kind="{KIND.tertiary}">
            {`${limit} Rows`}
          </button>
        

         handlePageChange(nextPage)}
        /&gt;
      
    
  );
}
github uber / react-view / src / base / knobs.tsx View on Github external
<div>
        
        
      </div>
      {filteredKnobNames.length !== allKnobNames.length &amp;&amp; (
        <button size="{SIZE.compact}" kind="{KIND.tertiary}"> setShowAllKnobs(!showAllKnobs)}
        &gt;
          {showAllKnobs ? 'Show only basic props' : 'Show all props'}
        </button>
      )}
    
  );
};
github uber / baseweb / documentation-site / examples / table / pagination.tsx View on Github external
label: i + 1,
              }))}
              onItemSelect={({item}) =&gt; {
                handleLimitChange(item.label);
                close();
              }}
              overrides={{
                List: {
                  style: {height: '150px', width: '100px'},
                },
              }}
            /&gt;
          )}
          placement={PLACEMENT.bottom}
        &gt;
          <button kind="{KIND.tertiary}">
            {`${limit} Rows`}
          </button>
        

         handlePageChange(nextPage)}
        /&gt;
      
    
  );
}
github uber / react-view / src / base / override.tsx View on Github external
<button kind="{KIND.tertiary}"> {
            set({
              ...overrides.value,
              [overrideKey]: {
                style: formatCode(overrides.value[overrideKey].style),
                active: true,
              },
            });
          }}
        &gt;
          Format
        </button>
        <button kind="{KIND.tertiary}"> {
            const newCode = formatCode(
              toggleOverrideSharedProps(
                overrides.value[overrideKey].style,
                Object.keys(overrides.custom.sharedProps)
              )
            );
            set({
              ...overrides.value,
              [overrideKey]: {
                style: newCode,
                active: true,
              },
            });
          }}
        &gt;</button>
github uber / baseweb / documentation-site / components / yard / override.tsx View on Github external
/&gt;
       ({
              marginTop: $theme.sizing.scale300,
              [`@media screen and (max-width: ${$theme.breakpoints.medium}px)`]: {
                flexWrap: 'wrap',
              },
            }),
          },
        }}
      &gt;
        <button kind="{KIND.tertiary}"> {
            set({
              ...overrides.value,
              [overrideKey]: {
                style: formatCode(overrides.value[overrideKey].style),
                active: true,
              },
            });
          }}
        &gt;
          Format
        </button>
        <button kind="{KIND.tertiary}"> {
            const newCode = formatCode(</button>
github uber / baseweb / documentation-site / components / yard / knobs.tsx View on Github external
{filteredKnobNames.length !== allKnobNames.length &amp;&amp; (
        <button size="{SIZE.compact}" kind="{KIND.tertiary}"> setShowAllKnobs(!showAllKnobs)}
        &gt;
          {showAllKnobs ? 'Show only basic props' : 'Show all props'}
        </button>
      )}
    
  );
};
github uber / react-view / src / override.tsx View on Github external
<button kind="{KIND.tertiary}"> {
            set({
              ...overrides.value,
              [overrideKey]: {
                style: formatCode(overrides.value[overrideKey].style),
                active: true,
              },
            });
          }}
        &gt;
          Format
        </button>
        <button kind="{KIND.tertiary}"> {
            const newCode = formatCode(
              toggleOverrideSharedProps(
                overrides.value[overrideKey].style,
                Object.keys(overrides.sharedProps)
              )
            );
            set({
              ...overrides.value,
              [overrideKey]: {
                style: newCode,
                active: true,
              },
            });
          }}
        &gt;</button>