labels description
react
css
colors
색상 및 문자 CSS 구성 요소

'./index'에서 { letterBgColors, letterColors } 가져오기;

받은 편지의 색을 만드는 CSS 컴포넌트는 배경색이나 텍스트 색으로 사용할 수 있습니다.

Text colors:

() => {
  const letters = [
  'a' , 'b' , 'c' , 'd' , 'e' , 'f' , 'g' , 'h' , 'i' ,
  'j' , 'k' , 'l' , 'm' , 'n' , 'o' , 'p' , 'q' , 'r' , 's' ,
  't' , 'u' , 'v' , 'w' , 'x' , 'y' , 'z' ];
  return (
    <div>
      {letters.map((value) => <div className={letterColors[value]}>{value}</div>)}
    </div>
  )
}

Background colors:

() => {
  const letters = [
  'a' , 'b' , 'c' , 'd' , 'e' , 'f' , 'g' , 'h' , 'i' ,
  'j' , 'k' , 'l' , 'm' , 'n' , 'o' , 'p' , 'q' , 'r' , 's' ,
  't' , 'u' , 'v' , 'w' , 'x' , 'y' , 'z' ];
  return (
    <div>
      {letters.map((value) => <div className={letterBgColors[value]}>{value}</div>)}
    </div>
  )
}