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={false}
inverted={false}
time="09:41"
title="Appointment"
status="Confirmed"
headline="Wednesday, 14 May · 09:00"
rows={[
{
"label": "With",
"value": "Dr Hania Rani"
},
{
"label": "Room",
"value": "Clinic 2, ground floor"
}
]}
action="Add to calendar"
/>