[tailwind] 설정값에 변수넣기

노호준·2023년 8월 31일
0
  • 기본사용법
// css파일 안만들고 className에다 약속된 값을 기입한다.
<div className="bg-white mt-5">

// 약속된 값보다 구체적 값을 넣고싶으면 []사이에 넣는다
<div className="bg-[#F2F2F2] text-center">
  • 변수넣기
// {``}사이에 기존약속값과 변수를 ${} 사이에 넣어서 사용한다.
<div key={index} className={`h-${height} w-${width}`}>

1개의 댓글

comment-user-thumbnail
2024년 9월 5일

변수넣기 부분은 작동하지 않을거 같습니다. 테일윈드에선 일부분만 리터럴 템플릿을 사용할 수 없어요.

답글 달기