How to use the @workday/canvas-kit-react-button.IconButton.Size function in @workday/canvas-kit-react-button

To help you get started, we’ve selected a few @workday/canvas-kit-react-button 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 Workday / canvas-kit / modules / side-panel / react / stories / stories.tsx View on Github external
openBackgroundColorDefault
        )}
        openWidth={number(openWidthLabel, openWidthDefaultValue)}
        openDirection={select(label, options, defaultValue)}
        open={open}
        onToggleClick={this.onClick}
        breakpoint={number(breakpointLabel, breakpointDefaultValue)}
        onBreakpointChange={this.handleBreakpoint}
        header={'Side Panel Header'}
      >
        {open ? (
          <button>Add New</button>
        ) : (
          
            
          
        )}
        {/* TODO replace this with our list component */}
        
          
            <span>
              
            </span>
            {open &amp;&amp; Home}
          
          
            <span></span>
github Workday / canvas-kit / modules / popup / react / lib / Popup.tsx View on Github external
({closeIconSize}) => ({
    right: closeIconSize === IconButton.Size.Small ? closeIconSpacingSmall : closeIconSpacing,
    top: closeIconSize === IconButton.Size.Small ? closeIconSpacingSmall : closeIconSpacing,
  })
);
github Workday / canvas-kit / modules / side-panel / react / lib / SidePanel.tsx View on Github external
openWidth={openWidth}
        backgroundColor={backgroundColor}
        open={open}
        {...elemProps}
      &gt;
        
          {header &amp;&amp; open ? <header>{header}</header> : null}
          {this.props.children}
        
        
          {onToggleClick &amp;&amp; (
            
          )}
        
      
    );
  }
github Workday / canvas-kit / modules / popup / react / lib / Popup.tsx View on Github external
const CloseIconContainer = styled('div')&gt;(
  {
    position: 'absolute',
  },
  ({closeIconSize}) =&gt; ({
    right: closeIconSize === IconButton.Size.Small ? closeIconSpacingSmall : closeIconSpacing,
    top: closeIconSize === IconButton.Size.Small ? closeIconSpacingSmall : closeIconSpacing,
  })
);

export default class Popup extends React.Component {
  static Padding = PopupPadding;

  static defaultProps = {
    padding: Popup.Padding.l,
    closeIconSize: IconButton.Size.Medium,
    closeLabel: 'Close',
    transformOrigin: {
      horizontal: 'center',
      vertical: 'top',
    },
  };

  private id = uuid();
  private closeButtonRef = React.createRef();

  public render() {
    const {
      handleClose,
      padding,
      width,
      heading,