Cards
Cards display related records as visual contact-style cards.
Cards are useful for addresses, contacts, organisations, billing details, delivery locations, and other related records that are easier to read as compact blocks than table rows. They are related-record components, so each card represents a linked record.
When to Use It
Use cards when users need to recognise and manage a small set of related records with human-readable details.
Cards are a good fit for address books and contact panels. If users need to sort, filter, total, or compare many rows, use Record Data Table.
What Can Be Configured
Card Content
The card can show the details that help users identify the related record quickly, such as a name, address, organisation, or role. A name can link to another module when users need to open the related record.
Editing
Each card can open an edit modal with the fields needed to maintain that related record. The add button can be labelled in project language, such as "Add address" or "Add contact".
Visual Style
The modal header colour and width can be adjusted to match the surrounding module and the amount of information being edited.