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.
The import and the props worth knowing about, in one place.
import { Browser35 } from "@/components/beste/piece/browser35";
<Browser35
surface="card"
bordered={true}
inverted={false}
time="09:41"
title="Appointment"
status="Confirmed"
headline="Wednesday, 14 May · 09:00"
rows={[
{
"label": "With",
"value": "Dr Amelia Frost"
},
{
"label": "Room",
"value": "Clinic 2, ground floor"
},
{
"label": "Bring",
"value": "Referral letter"
}
]}
action="Add to calendar"
/>A browser window chrome with traffic-light dots and a locked URL bar, framing a short list of member rows with status pills.
Full browser chrome with traffic-light dots, an inline URL bar, and a blank page body beneath.
Rose-tinted banner with a Wi-Fi-off tile, bold offline title, and a short reconnect hint.
Browser frame that loads on repeat: the progress line runs across the top, skeletons pulse in the body, then the real copy settles into place.
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.