How to use the react-lightning-design-system.Icon.ICONS function in react-lightning-design-system
To help you get started, we’ve selected a few react-lightning-design-system 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.
mashmatrix / react-lightning-design-system / examples / client / scripts / components / IconExamples.js View on Github 
import React from 'react';
import { Icon } from 'react-lightning-design-system';
const { STANDARD_ICONS, CUSTOM_ICONS, ACTION_ICONS, DOCTYPE_ICONS, UTILITY_ICONS } = Icon.ICONS;
export default () => {
/* eslint-disable max-len */
const styles = { padding: '12px' };
const iconListStyles = { float: 'left', width: '10rem', height: '5rem', padding: '1.5rem', textAlign: 'center' };
return (
<div>
<h2>Icon Sizes</h2>
<div style="{">
</div>
<div style="{">
</div></div>react-lightning-design-system
Salesforce Lightning Design System components built with React
