Tailwind CSS を使ã†æ™‚ã«ä¸€ç·’ã«å…¥ã‚ŒãŸã„ライブラリTailwind CSS ã¯ã™ã¹ã¦ã‚’ユティリティクラスã§æ›¸ãã¨ã„ã†ç‰¹æ€§ä¸Šã€HTML ã«ã¯ã‚¯ãƒ©ã‚¹ãŒãŸãã•ã‚“書ã‹ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚1 ã¤ã®è¦ç´ ã«å¯¾ã—ã¦ã‚¯ãƒ©ã‚¹ãŒãŸãã•ã‚“並んã§ã„ã‚‹ã¨ã€è¦–覚的ã«ã©ã®ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’把æ¡ã™ã‚‹ã®ãŒé›£ã—ããªã‚Šã¾ã™ã€‚æ¡ä»¶ã«ã‚ˆã£ã¦ã‚¯ãƒ©ã‚¹åを付ã‘替ãˆã‚‹å‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ã¨æ›´ã«è¤‡é›‘ã«ãªã‚Šã¾ã™ã€‚ <button className={` ${variant === "primary" && "border border-blue-500 bg-blue-500 text-white"} ${ variant === "secondary" && "border border-gray-500 bg-gray-500 text-white" } ${variant === "default" && "border border-gray-500 bg-white
{{#tags}}- {{label}}
{{/tags}}