@lunit/scope-icons

Iconset for Lunit SCOPE products

Development

• yarn install if you haven't installed node modules previously
• yarn storybook runs storybook local dev server on http://localhost:6006
• If you add a new svg file, run yarn build:svgs for convert svg -> ReactComponent

Build

• yarn workspace @lunit/scope-icons build will build scope-icons package
• yarn workspace @lunit/scope-icons prepublishOnly will remove dist folder and build scope-icons package

Usage

Primary (default)

import React from 'react';
import { IconButton } from '@mui/material';

import { PDFDownIcon, ErrorIcon, StartIcon } from '@lunit/scope-icons';

export const IconExample = () => {
  return (
    <IconButton>
      <PDFDownIcon />
    </IconButton>
  );
};

Secondary

import React from 'react';
import { IconButton } from '@mui/material';

import { PDFDownIcon, ErrorIcon, StartIcon } from '@lunit/scope-icons';

export const IconExample = () => {
  return (
    <IconButton color="secondary">
      <StartIcon />
    </IconButton>
  );
};

Custom color

import React from 'react';
import { IconButton } from '@mui/material';

import { PDFDownIcon, ErrorIcon, StartIcon } from '@lunit/scope-icons';

export const IconExample = () => {
  return (
    <IconButton>
      <ErrorIcon color="#EE5140" />
    </IconButton>
  );
};

Support

• SeongHun Bae (@shbae612)