All files / packages/design-system/ui/components/dynamic-icons/waffle index.jsx

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29      1x 2x                                                
import React from 'react';
import classNames from 'classnames';
 
let WaffleIcon = props => (
  <button
    {...props}
    className={classNames(
      'slds-button slds-icon-waffle_container',
      props.className
    )}
    title="Description of the icon when needed"
  >
    <span className="slds-icon-waffle">
      <span className="slds-r1" />
      <span className="slds-r2" />
      <span className="slds-r3" />
      <span className="slds-r4" />
      <span className="slds-r5" />
      <span className="slds-r6" />
      <span className="slds-r7" />
      <span className="slds-r8" />
      <span className="slds-r9" />
    </span>
    <span className="slds-assistive-text">Open App Launcher</span>
  </button>
);
 
export default WaffleIcon;