A browser window chrome with traffic-light dots and a locked URL bar, framing a short list of member rows with status pills.
The import and the props worth knowing about, in one place.
import { Browser34 } from "@/components/beste/piece/browser34";
<Browser34
surface="card"
bordered={true}
inverted={false}
url="app.sirius.care/members"
rows={[
{
"name": "Rowan Blake",
"status": "Active",
"tone": "emerald"
},
{
"name": "Amelia Frost",
"status": "Intake",
"tone": "amber"
},
{
"name": "Noah Reyes",
"status": "Discharged",
"tone": "muted"
}
]}
/>Full browser chrome with traffic-light dots, an inline URL bar, and a blank page body beneath.
Appointment
Wednesday, 14 May · 09:00
A narrow phone-shaped frame with a status bar, a back-titled header, a confirmation pill, detail rows, and a full-width action.
Three releases shipped this week and every check is green. Your next review is on Thursday.
Open workspaceBrowser frame that sweeps a loading bar under the toolbar while shimmering skeleton blocks resolve into a heading, copy and a button, then reloads.
Row of bookmark chips with folder or star icons. Short labels with soft hover states.