Skip to content

Parametrig Kit

Design system for Parametrig built on Degen primitives with React and vanilla-extract.

Install
#

yarn add @parametrig/ui

Set Up
#

Wrap the root of your app in a ThemeProvider, import the external stylesheet, and add Inter plus iA Writer Mono to your font stack. Use expressive brand fonts at the product or marketing layer when a specific surface calls for them.

import { ThemeProvider } from '@parametrig/ui'
import '@parametrig/ui/styles'


const App = () => {
  return <ThemeProvider>{children}</ThemeProvider>
}

Use Components
#

import {
  Button,
  IconLockClosed,
  Modal,
  SlabAction,
  Stack,
  TextAction,
} from '@parametrig/ui'

Parametrig Extensions
#

Use Degen primitives for normal UI. Use Parametrig extensions for the surfaces that are specific to insurance infrastructure: slab actions, console shells, fixed-lane operational tables, selected detail panels, modals, sheets, receipt proof links, rail posture, RBAC, and program-version governance.