I’ve been trying to create a similar web component for my personal portfolio, but I’m not sure what they’re called. Are these called badges? Or are these called cards?

The reference webpage I’m looking at is eggsy.xyz.

  • @[email protected]
    link
    fedilink
    12 years ago

    Those look like small cards. But why not just inspect the page and grab the CSS if you’re so focused in re-creating them? Why try to find and shoehorn a component from a UI library to look exactly like that when your browser will tell you exactly how it looks the way it does?

  • silas
    link
    fedilink
    English
    12 years ago

    Like others have said, these are Card components. Usually you’d create an empty low-level Card component that has basic props for different styles (rounded, flat, error, etc.), slots for the content inside, and event handlers for interaction. Then, if you wish, you could make another CardGroup component that can contain Card components and position them using flexbox or grid like the example you provided.

    Another possible name for these components would be List or ListItem