Skip to main content

Card Components

Cards can be configured to display your content in a variety of ways. See the options below.

Header for Card Default 1
Law Enforcements

Card Default 1

Text for Card Default 1

Header for Card Default 2
Legislative Management

Card Default 2

Text for Card Default 2

Header for Card Default 3
Law Enforcement

Card Default 3

Text for Card Default 3
Law Enforcements

Card Image Circle 1

Card Image Circle 1 body text
Legislative Management

Card Image Circle 2

Card Image Circle 2 body text.

Law Enforcement

Card Image Circle 3

Card Image Circle 3 body text.
Law Enforcements

Card Image Left

This a Card Image Left with the image on the left and the text on the right

Legislative Management

Card Image Left 2

This a Card Image Left 2 body text
Law Enforcements

Card Image Right 1

Text for Card Image Right 1.
Legislative Management

Card Image Right 2

Text for Card Image Right 2

Card Basic 1

Card Basic 1

Card Basic 2

Card Basic 3

Card Basic Plus 1

Text for Card Basic Plus 1.

Card Basic Plus 2

Text for Card Basic Plus 2

Card Basic Plus 3

Text for Card Basic Plus 3
an image of an envelope representing email
Card Icon Left 1
Text for Card Icon Left 1.
an icon of a telephone
Card Icon Left 2
Text for Card Icon Left 2
Card Header
Law Enforcements

Card Group Column Row

Card Group Column Row Body Text
Card Header
Law Enforcement

Card Group Column Row

Card Group Column Row Body Text
Card Header
Legislative Management

Card Group Column Row

Card Group Column Row Body Text
Card Header
Law Enforcements

Card 1

Card Group Grid - 2 Body Text
Card Header
Senate Business

Card 2

Card Group Grid - 2 Body Text
Card Header
Legislative Management

Card 3

Card Group Grid - 2 Body Text
Card Header
Law Enforcement

Card 4

Card Group Grid - 2 Body Text
Card Header
Law Enforcements

Card 1

Card Group Grid - 3 Body Text
Card Header
Senate Business

Card 2

Card Group Grid - 3 Body Text
Card Header
Legislative Management

Card 3

Card Group Grid - 3 Body Text
Card Header
Law Enforcement

Card 4

Card Group Grid - 3 Body Text
Card Header
Justice Court

Card 5

Card Group Grid - 3 Body Text
Card Header
Judicial Rules

Card 6

Card Group Grid - 3 Body Text
Card Header
Law Enforcements

Card 1

Card Group Grid - 4 Body Text
Card Header
Senate Business

Card 2

Card Group Grid - 4 Body Text
Card Header
Legislative Management

Card 3

Card Group Grid - 4 Body Text
Card Header
Law Enforcement

Card 4

Card Group Grid - 4 Body Text
Card Header
Justice Court

Card 5

Card Group Grid - 4 Body Text
Card Header
Judicial Rules

Card 6

Card Group Grid - 4 Body Text
Card Header
Transportation

Card 7

Card Group Grid - 4 Body Text
Card Header
Senate Rules

Card 8

Card Group Grid - 4 Body Text

Included Fields and Options:

  • Title (Optional)
  • Body (Optional)
  • Media Image (Optional)
  • Links (Optional)
    • URL
    • Link text
    • Select a target (Dropdown)
      • None
      • Current window
      • New window
      • Parent window
      • Topmost window
    • Icon Class
    • Select a style (Dropdown)
      • None
      • Default button
      • Primary button
      • Secondary button
  • Header (Optional)
  • Display (Dropdown: Optional) (This list of card displays is configurable per project)
    • Default
    • Card Tall
    • Image Background
    • Image Circle
    • Image Left
    • Image Right
    • Basic
    • Basic Plus