Skip to main content
Dynamic UI provides a collection of React hooks to simplify common patterns in financial applications, including currency formatting, media queries, and input handling.

​
Available Hooks

​
Currency Hooks

useFormatCurrency

Format numbers as currency values using context-aware settings

useInputCurrency

Handle currency input with automatic formatting and validation

​
Media Query Hooks

useMediaQuery

React to media query changes with SSR support

useMediaBreakpointUp

Check if viewport matches breakpoint sizes

​
Installation

All hooks are exported from the main package: 
import { useFormatCurrency, useMediaQuery } from '@dynamic-framework/ui-react';

​
Context Requirements

Some hooks require the DContextProvider to be present in your component tree:
  • useFormatCurrency - Requires currency settings from context
  • useMediaBreakpointUp - Requires breakpoint configuration from context
See DContext documentation for setup instructions.

Build docs developers (and LLMs) love

Get started for freeTalk to us