Semantic UI React  3.0.0-beta.2
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypesMigration guide to v3
Elements
ButtonContainerFlagHeaderDividerImageIconLabelInputListLoaderPlaceholderRailRevealSegmentStep
Collections
FormGridMessageMenuTableBreadcrumb
Views
AdvertisementCardCommentFeedItemStatistic
Modules
AccordionCheckboxDimmerEmbedModalDropdownPopupProgressRatingSearchSidebarStickyTransitionTab
Addons
PaginationConfirmPortalRadioSelectText AreaTransitionable Portal

Card
A card displays site content in a manner similar to a playing card.

src/views/Card/Card.js
Semantic UI Card Docs
CardCard.ContentCard.DescriptionCard.GroupCard.HeaderCard.Meta

Types

Card

A card displays site content in a manner similar to a playing card.

You can also use props to configure the markup.

Cards

A group of cards.

You can also use props to configure the markup.

Content

Content Block

A card contains blocks of content.

Extra Content

A card can contain extra content meant to be formatted separately from the main content.

Image

A card can contain an image.

Header

A card can contain a header.

Link

A card can be formatted to link to other content.

Variations

Fluid Card

A fluid card takes up the width of its container.

Colored

A card can specify a color.

Column Count

A group of cards can set how many cards should exist in a row.

Group Centered

A group of cards can center itself inside its container.

This is the bottom
Blazing deployments by Vercel.