Skip to content

Fixed Size

Miwi's numerical sizing is based off of rem a.k.a the preferred font size of the current device.

tsx
<Row width={3.5} height={12} />

One mu (Miwi Unit) isn't always 1 rem. You can specify the ratio of mu to rem when setting the theme in your main JavaScript file.

ts
setTheme({
  // I don't think we have muToRem quite figured
  // out, details might change in the future.
  muToRem: 1.125,
  // Other settings...
});

(Since pixel density varies wildly between different screens we've found rem to be much more consistently look correct than px. This also has the added benefit that if an end user wants a bigger font size the Miwi UI easily adapts for them.)