Rails: ビューやコンãƒãƒ¼ãƒãƒ³ãƒˆã«æ¡ä»¶ä»˜ãã§CSSã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ 英語記事: Conditionally Add CSS Classes to Your Views and Components | Rails Designer 原文公開日: 2024/03/94 原著者: Rails Designer -- Railsフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–¢é€£è¨˜äº‹ã«åŠ ãˆã¦ã€ViewComponentã¨Tailwind CSSを用ã„ãŸç¾Žã—ã„UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’販売ã—ã¦ã„ã¾ã™ 日本語タイトルã¯å†…容ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ Rails 6.1ã§ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸÂ class_names（#37918）ã¯ã€ç§ãŒå¤šç”¨ã—ã¦ã„るビューヘルパーã§ã™ã€‚ class_namesãŒãªã‹ã£ãŸé ƒã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªèªã¿ã«ãã„コードを書ãã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ <div class="<â %= item.for_sale? ? 'active' : '' %>"
Backlog UI リニューアルã®èˆžå°è£ / Backlog Renewal UI
Installation - Tailwind CSS
{{#tags}}- {{label}}
{{/tags}}