Style Guide
  • Handy Style Guide
  • Brand Guidelines
    • Logo
    • Color System
    • Line Icons
    • Expressive Icons
    • Typography
  • Native
    • Action Cards
      • Booking Cards
      • Job Cards
      • List Cards
      • Message Cards
      • User Cards
    • Avatars
    • Banners
    • Callouts
    • Buttons
    • Half Sheets
    • Headers
    • Icon Lists
    • Input Fields
    • Marketing
    • Message Bubbles
    • Modal
    • Navigation
    • Pickers
    • Reviews
    • Skeleton Loading States
    • Tabs
    • Typography - Native
      • Native Text Combinations
  • Web
    • Navigation
    • Grid and Layout
    • Forms
    • Typography (Web)
    • Buttons
    • Pickers
    • Modals
    • Cards
Powered by GitBook
On this page
  • Usage of Action Cards
  • Types of Action Cards

Was this helpful?

  1. Native

Action Cards

Action cards are list items that have underlying pages or flows.

PreviousNativeNextBooking Cards

Last updated 5 years ago

Was this helpful?

Usage of Action Cards

Action cards allow users to access underlying pages or flows. Action cards can be found in the Booking Page a on the customer app and the Claims page and Job Support experience on the pro app.

Types of Action Cards

There are a few variations of action cards, but all inherit the same basic structure.

Booking cards give users key information about a booking. If a booking is active the card will incorporate a map.

Job cards show key information about jobs. When a job is claimed, the card includes the name of the client.

Message cards shows a preview of the last message sent or received.

User cards have key informations about customers and professionals. Depending on the context of the card, different kinds of information will be surfaced.

1. Booking Card (card-CA-booking)
2. Jobs (card-PA-job)
3. Messages (card-message)
4. User Card (card-CA-pro, card-PA-cust)