--- title: List Groups description: | An approach to showing list data in which each row of data is represented by a 'card.' Like records, cards contain just the most important data for the given context, with additional information ideally being available through a secondary action such as opening a new page or modal. usage: | Card lists should be used wherever there are lists of information, and in which users are unlikely to be scanning across rows. This pattern is especially useful in cases where the purpose of the list is primarily focused on finding a single item, rather than looking at a whole set of items together. Cards and Records are very similar, however Cards tend to be more powerful where a smaller amount of data is needed to be shown upfront, while records are better suited for any larger information set. The determination of which to use may also hinge on available space - cards should never be used where only one card can be shown in a row, as this is much better suited for a record. notes: | Cards and Records are very similar. If needed for clarity, Availity may decide on a single approach and disable the other pattern. ---
> When using a `.list-group` without anchors, the `.list-group-selectable` class will provide the hover and selection styling.

Cards

Paker, Peter

Daily Planet

Banner, Bruce

United States Defense Department

Stark, Tony

Stark Industries

Wayne, Bruce

Wayne Industries

Kent, Clark

Daily Planet

Acey, Sofia

Masung Corp.

Barish, Joseph

Masung Corp.

Benson, Sarah

ZetaComm

Wayne, Bruce

Wayne Industries

Wayne, Bruce

Wayne Industries