Media
Images, icons, and media display components
Components for displaying images, icons, and other media.
Prerequisites
- Install the packages
npm install \
@tetherto/mdk-react-devkit \
@tetherto/mdk-react-adapter \
@tetherto/mdk-ui-foundationInstall zod@^4.6.6 first. @tetherto/mdk-react-devkit@0.12.1 declares zod@^4.6.6 as a peer while its
@hookform/resolvers peer pulls a chain that pins zod 3, so the command above aborts with ERESOLVE in a project that
has no zod. Installing zod 4 at the project root resolves it:
npm install zod@^4.6.6- Import styles:
import '@tetherto/mdk-react-devkit/styles.css'
Components
@tetherto/mdk-react-devkit
Import the public APIs on this page from @tetherto/mdk-react-devkit.
ArrowIcon
Directional arrow glyph (up / down / left / right) used by sortable headers, breadcrumbs, and toggles
agent-ready
Props
| Prop | Status | Type / Options | Default | Description |
|---|---|---|---|---|
children | Optional | undefined | - | - |
color | Optional | string | "currentColor" | Only affects single-color icons (default: 'currentColor') |
isOpen | Optional | boolean | - | - |
size | Optional | string | number | - | Sets both width and height |