Invoices and payment

The billing area's money side, under the same settings tabs. The card on file shows its brand mark, last four digits, expiry and next charge, and Update opens a dialog that detects the card brand as you type. Billing details list the company, VAT number, address with its flag, and billing email, all editable in a dialog with a country picker. The invoice history is a full-bleed data table with status tabs and counts, search, a year select and pagination; open and failed invoices can be paid in the row, and every row downloads. Below lg the rail moves into a drawer and the sections stack.

Pro

Built from#

A page is a composition, not a new component. The screen is the docked Layout with the Sidebar in its rail, a sticky header and a page header on the sheet, filled with the same components the docs document one by one. It adds no styling of its own: it only lays those parts out.

Responsive#

Below the large breakpoint the rail moves into a drawer behind the mobile bar and the panes stack into one column. Pick a device in the toolbar or drag the handle to watch it step down to a phone.