A group of items.
Item views are designed to be responsive with images stacking at mobile resolutions.
An item can contain an image
An item can contain content
An item can contain a header
An item can contain content metadata
You can include an arbitrary amount of metadata using your own class conventions, all child elements will automatically be spaced
An item can contain links as images, headers, or inside content
To make the entire content of an item link, check out the link variation below
Stevie Feliciano is a library scientist living in New York City. She likes to spend her time reading, running, and writing.
Veronika Ossi is a set designer living in New York who enjoys kittens, music, and partying.
An item can contain a description with a single or multiple paragraphs
Cute dogs come in a variety of shapes and sizes. Some cute dogs are cute for their adorable faces, others for their tiny stature, and even others for their massive size.
Many people also have their own barometers for what makes a cute dog.
An item can contain extra content meant to be formatted separately from the main content
An item can contain icons signifying a 'like' or 'favorite' action
You can use the
rating component to attach events to like and favorite icons
A table can specify how it stacks items responsively
Items can be divided to better distinguish between grouped content
The following example uses
ui for legibility only. This is not necessary for using
ui items
A group of items can relax its padding to provide more negative space
An item can be formatted so that the entire contents link to another page
Content can specify its vertical alignment
You can include an arbitrary amount of metadata using your own class conventions, all child elements will automatically be spaced
Any content element can be floated left or right
You can include an arbitrary amount of metadata using your own class conventions, all child elements will automatically be spaced