<div className={`${isClicked ? '클릭 시 추가되길 원하는 클래스명' : ''} 클릭여부 관계없이 필요한 클래스명들`}>
...
</div>
e.g.
<div className={`${isClicked ? 'border border-primary-200' : ''} flex justify-center flex-col...`}>
...
</div>
'TIL' 카테고리의 다른 글
| Windows 11 스크롤 방향 바꾸기 (0) | 2022.12.10 |
|---|---|
| Concrete5 프로젝트 생성 후 (0) | 2022.12.06 |
| package.json에서 dependencies 최신 버전으로 업데이트하기 (2) | 2022.07.12 |
| Next.js 에서 module import 시 alias 사용하기 (절대경로) (0) | 2022.07.06 |
| PlanetScale organization 바꾸기 (0) | 2022.06.28 |