Metric
With trend and status
Available balance
Current$42,800
Trend: Up 8% from last month
Operating and reserve accounts
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let availableBalanceMetric =
Metric.text "Available balance" "$42,800"
|> Metric.withTrend "Up 8% from last month"
|> Metric.withDescription "Operating and reserve accounts"
|> Metric.withStatus (Badge.create "Current" |> Badge.withTone Tone.Positive |> Badge.render)
|> Metric.renderWith review status
Pending entries
Needs review14
Require review before posting
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let pendingEntriesMetric =
Metric.text "Pending entries" "14"
|> Metric.withDescription "Require review before posting"
|> Metric.withStatus (Badge.create "Needs review" |> Badge.withTone Tone.Warning |> Badge.render)
|> Metric.render