MDK Logo

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.

SectionDescriptionCount
ComponentsReact components for building UIs286 components
HooksReact hooks for state and data113 hooks
TypesTypeScript type definitions774 types
UtilitiesHelper functions and formatters149 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

  1. Install the packages
  2. Import styles: import '@tetherto/mdk-react-devkit/styles.css'
  3. Browse components by category or search for specific APIs

On this page