Skip to main content
The UnifiedReports layout renders the latest report experience from Layer’s embedded components. It loads all reports enabled for the business and presents them in a unified interface with report navigation, expandable report tables, and Excel download support. 
import { UnifiedReports } from '@layerfi/components'

<UnifiedReports />

​
Properties

​
navigationVariant
'sidebar' | 'menu'
default:"sidebar"
Controls how report navigation is presented on desktop.
  • 'sidebar' (default): Available reports are listed in a left-hand navigation sidebar alongside the report content.
  • 'menu': The sidebar is hidden and report navigation is presented as a dropdown menu in the report header, giving the report content the full width of the layout.
On smaller screens, report navigation is always available from the page header regardless of this setting.
​
dateSelectionMode
'full' | 'month' | 'year'
default:"full"
Controls the granularity of the date range picker used across reports.
Reports desktopReports mobile

​
Behavior

The unified reporting layout combines all reports into a single standardized interface with shared controls and export formats. Reports are organized in a left-hand navigation so users can move between available reports without leaving the page. The navigationVariant prop can switch this to a dropdown menu in the report header instead. On smaller screens, the report navigation is always available from the page header. Report tables support nested rows. Top-level rows are expanded by default, and users can expand or collapse all rows from the report header. The report header includes a download action for exporting the currently selected report to Excel. The export uses the same report selection shown in the interface, starts the file download when the export is ready, and changes to a retry action if the export request fails.