Docs: Icon documentation update (React)

[pixelflips]

Description

Updates icon documentation to provide clarity and reduce overall code complexity of examples.

Screenshots

Before	After

Testing in sage-lib

• Navigate to storybook icon
• Verify documentation updates.

Testing in kajabi-products

1. (LOW) Update to icon react component documentation. No effect on KP expected

Related

N/A

[ju-Skinner]

I would like to see the descriptions of each of the properties in the Props Table. You can do this by adding comments to the PropTypes in Icon.jsx

e.g

Icon.propTypes = {
  /**
   * This is a description
   */
  adjacentType: PropTypes.oneOf(Object.values(Icon.ADJACENT_TYPES)),
  backgroundHeight: PropTypes.string,
  backgroundWidth: PropTypes.string,
  cardColor: PropTypes.oneOf(Object.values(Icon.CARD_COLORS)),
  circular: PropTypes.bool,
  className: PropTypes.string,
  color: PropTypes.oneOf(Object.values(Icon.COLORS)),
  icon: PropTypes.oneOf(Object.values(Icon.ICONS)).isRequired,
  label: PropTypes.string,
  size: PropTypes.oneOf(Object.values(Icon.SIZES)),

Will yield

[pixelflips]

I would like to see the descriptions of each of the properties in the Props Table.

@ju-Skinner copied the descriptions over from the Rails side so they match up. Let me know if that works.