1---
2title: UI Components
3---
4
5# UI Components
6
7Demonstrating non-chart Evidence components.
8
9```sql revenue_data
10select * from revenue
11```
12
13<Alert status=info>
14This dashboard is updated daily with the latest revenue figures.
15</Alert>
16
17<Alert status=warning>
18Some data sources may be delayed by up to 24 hours.
19</Alert>
20
21<Alert status=success>
22All systems operational. Data pipeline healthy.
23</Alert>
24
25<Alert status=error>
26Failed to connect to external API. Using cached data.
27</Alert>
28
29## Collapsible Sections
30
31<Accordion title="Revenue Methodology">
32Revenue is calculated as gross sales minus refunds. MRR includes only recurring subscription charges, excluding one-time fees and usage overages.
33</Accordion>
34
35<Accordion title="Data Sources">
36Data is pulled from Stripe (payments), HubSpot (customers), and internal analytics (funnel). All sources refresh every 6 hours.
37</Accordion>
38
39<Details title="Technical Notes">
40The pipeline uses DuckDB for aggregation and ECharts for visualization. Build time is typically under 1 second.
41</Details>
42
43## Key Metrics
44
45<BigValue data={revenue_data} column=revenue title="Latest Revenue" fmt=usd />
46<BigValue data={revenue_data} column=profit title="Latest Profit" fmt=usd />
47
48## Revenue Table
49
50<DataTable data={revenue_data} />