Open UIOpen UI
GitHub Discord

Card

Anatomy

None of the Card JSON /resources define an anatomy.

Concepts

meta
image caps
image overlay
illustration
media
image
preview
media concept on a Card component in Ant Design.
meta
media concept on a Card component in Bootstrap.
image caps
media concept on a Card component in Bootstrap.
image overlay
media concept on a Card component in Lightning Design System.
illustration
media concept on a Card component in Material Components Web.
media concept on a Card component in Semantic UI.
image
media concept on a Card component in Stardust UI.
preview

basic concept on a Card component in Ant Design.
basic concept on a Card component in Bootstrap.
basic concept on a Card component in Lightning Design System.
basic concept on a Card component in Material Components Web.
basic concept on a Card component in Semantic UI.
basic concept on a Card component in Stardust UI.

title
header
header concept on a Card component in Ant Design.
title
header concept on a Card component in Bootstrap.
header concept on a Card component in Lightning Design System.
header concept on a Card component in Semantic UI.
header concept on a Card component in Stardust UI.

default
small
medium
large
size concept on a Card component in Ant Design.
default
size concept on a Card component in Ant Design.
small
size concept on a Card component in Stardust UI.
small
size concept on a Card component in Stardust UI.
medium
size concept on a Card component in Stardust UI.
large

extra
multiple actions
single action
top controls
top-right actions concept on a Card component in Ant Design.
extra
top-right actions concept on a Card component in Lightning Design System.
multiple actions
top-right actions concept on a Card component in Lightning Design System.
single action
top-right actions concept on a Card component in Stardust UI.
top controls

inner
nested
wrapped
nested concept on a Card component in Ant Design.
inner
nested concept on a Card component in Lightning Design System.
nested concept on a Card component in Lightning Design System.
wrapped

tabs
pills
navigation concept on a Card component in Ant Design.
tabs
navigation concept on a Card component in Bootstrap.
pills
navigation concept on a Card component in Bootstrap.
tabs

footer concept on a Card component in Bootstrap.
footer concept on a Card component in Lightning Design System.
footer concept on a Card component in Stardust UI.

borderless
quiet
borderless concept on a Card component in Ant Design.
borderless concept on a Card component in Stardust UI.
quiet

loading concept on a Card component in Ant Design.
loading concept on a Card component in Lightning Design System.

group concept on a Card component in Bootstrap.
group concept on a Card component in Semantic UI.

horizontal concept on a Card component in Bootstrap.
horizontal concept on a Card component in Stardust UI.

raised
elevated
elevation concept on a Card component in Semantic UI.
raised
elevation concept on a Card component in Stardust UI.
elevated

fluid concept on a Card component in Semantic UI.
fluid concept on a Card component in Stardust UI.

grid concept on a Card component in Ant Design.

hoverable concept on a Card component in Ant Design.

deck concept on a Card component in Bootstrap.

outlined concept on a Card component in Material Components Web.

link concept on a Card component in Semantic UI.

metadata concept on a Card component in Semantic UI.

centered concept on a Card component in Stardust UI.

disabled concept on a Card component in Stardust UI.

expandable concept on a Card component in Stardust UI.

focusable concept on a Card component in Stardust UI.

inverted concept on a Card component in Stardust UI.

selected concept on a Card component in Stardust UI.

Notes