Application card

Used to summarize items in a list that share similar information properties (and should only be used for items that would be intended for a list). Information in each card could also thought of as a data row in a table (just displayed differently/more flexibly across displays)


Component data

Component resources:
SCSS files | coc-card-item.js

Functional grouping: Containers

Demo

Configure: select the dropdowns below to display the variety of options that an application card supports.

Category

Lorem ipsum dolor sit amet porro quisquam

  • Neque porro quisquam
  • Est qui dolorem
  • Neque porro quisquam
  • Est qui dolorem

Payment options:

Visa

Mastercard

Paypal

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.


$450 per ATS section

flower

Code


				
			

Responsive preview