⛵ 항해99/TIL · WIL ✏️

[TIL] 2023.10.25 - tailwind 조건부 CSS

hhhhy 2023. 10. 26. 21:24

 tailwind 조건부 CSS 

// signUpBar가 true면 bg-[#FF9900], false면 bg-[#D9D9D9]로 색상 변함!

<div
  className={`${
    signUpBar ? "bg-[#FF9900]" : "bg-[#D9D9D9]"
  } z-10 fixed bottom-0 max-w-3xl w-full h-16 text-[#FFFFFF] text-xl/normal font-medium flex items-center justify-center cursor-pointer`}
>
  회원가입 완료
</div>