Every project a studio runs gathering into one panel, the count against the seat limit climbing as they arrive and one billing line closing it.
Turn the props on the right; the snippet under them is what you would write to get what you see.
import { Dashboard35 } from "@/components/beste/component/dashboard35";
<Dashboard35
projects={[{"domain":"aurora-clinic.com","planLabel":"Pro"},{"domain":"monteverdi-studio.com","planLabel":"Pro"},{"domain":"harbourfront.co","planLabel":"Pro"}]}
/>The import and the props worth knowing about, in one place.
import { Dashboard35 } from "@/components/beste/piece/dashboard35";
<Dashboard35
surface="card"
bordered={true}
inverted={false}
projects={[
{
"domain": "aurora-clinic.com",
"planLabel": "Pro"
},
{
"domain": "monteverdi-studio.com",
"planLabel": "Pro"
},
{
"domain": "harbourfront.co",
"planLabel": "Pro"
}
]}
limit={25}
ofWord="of"
billingValue="One invoice"
stepMs={420}
/>Ranked list where each row's background bar fills proportionally to its value, with index and count on either end.
Weekly cohort grid where each cell's opacity scales with the retention percentage in the tone color.
Horizontal 100 percent stacked bar splitting a total into colored segments with a wrapping legend of labels and percentages.
Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.