Skip to content
Storybook

Medical report Pro

A patient overview with profile, weekly steps, sleep score, activity rings and alerts.

StorybookFigma
Medical report preview

Install

Part of Pixels Pro. Add your licence key to .npmrc, then install.

BASH
npm i @pixelsds-pro/react @pixelsds/react react-aria-components

Usage

JSX
import { MedicalReport } from '@pixelsds-pro/react';

export default function Page() {
  return <MedicalReport />;
}

Built only from Pixels components and tokens, so it follows your brand colour, dark mode and right-to-left. The full source is in the Storybook once you have Pro.