DEV Community

yuellian
yuellian

Posted on

Creating A Web Component

There are many factors to consider when making a web component. In this blog, we will be identifying these factors.

First, we have to keep in mind the functionality and states of the card, accessibility concerns, security concerns, and design considerations.

Alt Text

As seen in the image of learning cards, our project consists of creating a icon, HTML text body, and header that includes the header and sub header for the card. When creating these learning cards, be mindful of the font size, card colors, font, shape of the card, and padding of the card. A key feature to note is for your card to be responsive with the website. We have to make sure that when the user zooms in and out of the website, the card will adjust to fix the window size.

Project Gauge

As an outside view, creating this card component seems pretty manageable. One of our criteria is to implement the slot feature and we already have experience with that in our button project. My main concern is working with HAX. I don't have experience with HAX so there may be a learning curve for me there.

Top comments (0)