UI Reference
Complete API reference for MDK UI packages
Complete API reference for the MDK UI packages: @tetherto/mdk-react-devkit, @tetherto/mdk-react-adapter, and @tetherto/mdk-ui-foundation.
Quick Links
| Section | Description | Count |
|---|---|---|
| Components | React components for building UIs | 286 components |
| Hooks | React hooks for state and data | 106 hooks |
| Stores | Zustand stores for state management | 5 stores |
| Query Helpers | TanStack Query helpers for data fetching | 43 queryHelpers |
| Types | TypeScript type definitions | 257 types |
| Utilities | Helper functions and formatters | 149 utilities |
Package Overview
@tetherto/mdk-react-devkit
The main UI component library. Provides:
- Production-ready React components
- Component-specific hooks
- TypeScript types for all components
import { Button, DataTable, DashboardStats } from '@tetherto/mdk-react-devkit'@tetherto/mdk-react-adapter
React bindings for the foundation layer. Provides:
- Zustand store access hooks
- Authentication hooks
- Permission hooks
- Data fetching hooks
import { useAuth, useDevices, useDashboardStats } from '@tetherto/mdk-react-adapter'@tetherto/mdk-ui-foundation
Framework-agnostic foundation layer. Provides:
- Zustand stores
- TanStack Query helpers
- Utility functions
- TypeScript types
import { formatHashrate, buildAlertQuery } from '@tetherto/mdk-ui-foundation'Getting Started
- Install the packages
- Import styles:
import '@tetherto/mdk-react-devkit/styles.css' - Browse components by category or search for specific APIs