All files / packages/design-system/ui/components/dynamic-icons/score 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    1x 1x                                                
import React from 'react';
 
const Score = props => (
  <span
    {...props}
    className="slds-icon-score"
    title="Description of the icon when needed"
  >
    <svg
      viewBox="0 0 5 5"
      className="slds-icon-score__positive"
      aria-hidden="true"
    >
      <circle cx="50%" cy="50%" r="1.875" />
    </svg>
    <svg
      viewBox="0 0 5 5"
      className="slds-icon-score__negative"
      aria-hidden="true"
    >
      <circle cx="50%" cy="50%" r="1.875" />
    </svg>
    <span className="slds-assistive-text">Text alternative when needed</span>
  </span>
);
 
export default Score;