<!-- Card --> <div class="gk-card"> <div class="gk-card-image-wrapper"> <img src="https://gokk-design.vercel.app/public/images/js.png" class="gk-card-image"> </div> <div class="gk-card-content"> <h3 class="gk-card-title">Javascript</h3> <p class="gk-card-line">Brendan Eich</p> </div> <div class="gk-card-actions"> <button class="gk-button button-icon"> <i class="material-symbols-outlined">thumb_up</i> </button> <button class="gk-button button-icon"> <i class="material-symbols-outlined">thumb_down</i> </button> </div> </div>
Brendan Eich
Card კომპონენტში რამდენიმე მთავარი კლასია - .gk-card-image, .gk-card-content, .gk-card-actions პირველი ენიჭება ფოტოს, მეორე კლასი მნიშვნელოვანია კომპონენტის კონტენტისთვის, ხოლო მესამე გამოიყენება Button ექშენებისთვის.