Increase UI components examples

Increase

A form to invite a new team member. It includes an email input field, a radio group to select a role, and a submit button.

• Checkbox & radio

Increase

A horizontal segmented control acting as tabs for a developer settings page. The 'Events' tab is currently selected.

• Tabs

Increase

A dark-themed list view showing compliance entities. It includes a header with 'Add Company' and 'Add Person' buttons, tabs for 'Entities' and 'Requests', a filter bar with an active status filter, and a table displaying entity details like Name, Type, Status, and Created date.

• Table

Increase

A dark-themed data table displaying a list of recent financial transfers. It includes columns for creation date, description, transfer type with an icon, status, and amount.

• Table

Increase

A horizontal row containing a label on the left and a toggle switch with its current state text on the right.

• Toggle/Switch

Increase

A vertical timeline showing the history of a specific account transfer, including creation, transaction details, and completion status.

• Timeline & history

Increase

A dark-themed popover menu for filtering transactions by transfer type. It includes a search input, grouped checkbox lists for ACH and Wire transfers, and a footer action to deselect all.

• Sorting & filtering

Increase

A filter dropdown menu with a search input and a list of filter categories. An active filter chip is visible next to the filter button.

• Sorting & filtering

Increase

A filter dropdown menu with a search input and checkbox options for filtering accounts by status.

• Sorting & filtering

Increase

A data table displaying a list of bank accounts with columns for account name, program, opened date, status, and balance. It includes a header with a 'Create Account' button, filter chips, and an export button.

• Table

Increase

A dropdown menu triggered by a 'Move Money' button, displaying a list of financial actions like sending, debiting, transferring, and depositing money. Each option includes an icon, a title, and a brief description.

• Dropdown menu

Increase

A dark-themed area chart displaying an aggregate account balance over time. It includes a header with the total balance, time range filters, and primary actions for creating an account or moving money.

• Charts