Iconography

Icon Library Showcase: https://rc.dimsum.rd.elliemae.io/?path=/story/components-atomic-components-a-icon--show-case

Design Philosophy (solid & outline, how do you decide what to use)

• Articulate when to use various styles, sizes
  Sizing - 12, 18, 24px
  Positioning
  Badging

• States - possibly refer to icon button

• Used where? Pickers, Toolbars, Buttons, Headers...

• Our current scheme is to manage icons via individual use case or application?

MVP SHORT-TERM PLAN

• Mini-Showcase
• Types
  • Brand
  • Button
  • Toolbar
  • Actuator
• Positioning
• Usage
• Alternatives - when to use Text or Text Button instead of icon?
• Tooltips on icons
• Link to Storybook as a live library
• Introduce different stories or properties to filter the icons (show all, show outline, show filled, show by type/component)

Icon Colors, default and when active/hover/focus