Grid lists

Responsive card grid for people / images / actions; configurable column count.

Preview

Simple cards

  • GA
    Graph API

    16 Members

  • CD
    Component Design

    12 Members

  • T
    Templates

    16 Members

  • RC
    React Components

    8 Members

Contact cards

  • Jane Cooper

    Title
    Paradigm Representative
    Role
    Admin

  • Cody Fisher

    Title
    Lead Security Associate
    Role
    Admin

  • Esther Howard

    Title
    Assurance Administrator
    Role
    Admin

  • Jenny Wilson

    Title
    Chief Accountability Analyst
    Role
    Admin

React preview

LiveView (HEEx) 

alias DesignSystem.UI.GridLists

<GridLists.list cols={3}>
  <GridLists.simple_card name="Tom Cook" subtitle="Engineering" initials="TC" />
</GridLists.list>

React (JSX) 

import { GridList } from "../ui/index.mjs"

<GridList cols={3} items={people} />