Button

Today the app writes its buttons inline, in three styles. The reference style is one component with four variants and three sizes.

Side by side

Mafold todayOnboarding.tsx · ThisComputer.tsx

BoardUI stylerebuilt on MDS tokens

Today in the app

The sheet action is a 48px pill at 15/600; row actions are 13/600 with a 9px radius, one filled and one outlined. Neither radius nor size is on the MDS scale yet, and each screen writes its own copy.

Reference sizes

Usage

import { RefButton } from "@/components/reference";

<RefButton variant="primary">Get started</RefButton>
<RefButton variant="secondary" size="sm">Cancel</RefButton>