Components

Card

Card — a container that groups related content and actions into a single surface, optionally with a header and footer. Use it to break a page into scannable units — a reservation, a room, a summary — where each unit has its own title, body, and actions. Choose `border` elevation for flat, dense layouts and `shadow` to lift a card off the page; set `interactive` when the whole card is clickable. Adjust `padding` and `tone` to fit the surrounding density and hierarchy.