R

@resolutinsurance / ipap-shared

Shared UI, ready to compose.

Explore the components, hooks, utility functions, and types that power Resolut products.@resolutinsurance/ipap-sharedis built to be copied into your next screen.

Explore data tools

Install

Add the shared package to your app

GitHub Packages authentication is required. Use a token with read:packages access.

$
export GITHUB_TOKEN=your_github_tokenpnpm add @resolutinsurance/ipap-shared

30+

Components

4

Hooks + lib

TS

Type-safe

Aug 18

Last checked

Reference snapshot updated Aug 18, 2026. Search above to filter the navigation by component, utility, or use case.

Component demo

Package Exports

Smoke test for every public import path. If this page builds, the subpath exports resolve.

@resolutinsurance/ipap-shared/hooks

useIsMobile: false

hooks/use-mobile: false

@resolutinsurance/ipap-shared/lib

randomUUID(): Qv1M3E7h

formatDateForInput(): 2026-08-18

@resolutinsurance/ipap-shared/interfaces

ExportConfig type used for sample-export (2 columns)

@resolutinsurance/ipap-shared/components/ui/button

Component demo

Button

Component demo

Badge

DefaultSecondaryDestructiveOutline

Component demo

Input

Component demo

Textarea

Component demo

PasswordInput

Component demo

Label

Component demo

Checkbox

Component demo

Switch

Component demo

RadioGroup

Component demo

Select

Component demo

Combobox

Selected: (none)

Component demo

Avatar

CNABXL

Component demo

Skeleton

Component demo

Separator

Above the line

Below the line

Blog
Docs
Source

Component demo

Card

Card Title
A short description of the card contents.

This is the body of the card. You can put any content here.

Component demo

Table

Recent policy submissions
PolicyApplicantStatusPremium
POL-2024-001Jane CooperActive$1,240.00
POL-2024-002Robert FoxPending$980.00
POL-2024-003Esther HowardDraft—
Total (active)$2,220.00

Component demo

Accordion

Component demo

Tabs

Manage your account settings and preferences.

Component demo

Dialog

Component demo

Sheet

Component demo

Tooltip

Component demo

Pagination

Component demo

Stepper

Current step: 2

Vertical

  1. Account

    Create your account

  2. 2

    Profile

    Fill in your details

  3. 3

    Review

    Review information

  4. 4

    Complete

    All done!

Horizontal

  1. Account

    Create account

  2. 2

    Profile

    Your details

  3. 3

    Review

    Verify info

  4. 4

    Done

    All set

Horizontal — icons only, labels below

  2. 2
  3. 3
  4. 4

Profile

Fill in your details

Step 2 of 4

Component demo

OTPInput

Value:

Component demo

ConfirmModal

Component demo

WidthConstraint

Content constrained to max-w-[1600px] (default)
Content constrained to max-w-[1300px] (isHome)

Component demo

ImagePicker

Image

Component demo

SignaturePad

Component demo

HomeCard

Welcome

A promotional card with image and CTA.

Get started
Sample illustration

Component demo

DynamicList

Sample policies

POL-001Active
POL-002Pending

Component demo

RenderDataTable

Policy submissions

  • All
  • Active
  • Pending
  • Draft
PolicyApplicantStatusPremium
POL-2024-001Jane CooperActive$1,240.00
POL-2024-002Robert FoxPending$980.00
POL-2024-003Esther HowardDraft—
POL-2024-004Cameron WilliamsonActive$1,450.00
Showing 1 to 4 of 4 entries

Component demo

TablePagination

Showing 1 to 20 of 100 entries

Component demo

ExportModal

@resolutinsurance/ipap-sharedBuilt as a living component reference · Aug 18, 2026