Metric

Renders a metric card element

Revenue this month

$ 75,480

Orders today

83

render Metric.new do |card|
  card.helper { "Revenue this month" }
  card.title(class: "mt-2") { "$ 75,480" }
end

render Metric.new(kind: :secondary) do |card|
  card.helper { "Orders today" }
  card.title(class: "mt-2") { "83" }
end

Usage

Add the component to your project

bundle exec essence add metric