MDK Logo

Media Components

Images, icons, and media display components

Components for displaying images, icons, and other media.

Prerequisites

  • Complete the installation

  • Add the dependency to your app's package.json
{
  "dependencies": {
    "@tetherto/mdk-react-devkit": "*",
    "@tetherto/mdk-react-adapter": "*",
    "@tetherto/mdk-ui-foundation": "*"
  }
}

Run npm install from the mdk/ui workspace root after your app is under apps/ so npm links workspace packages.

  • 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

PropTypeRequiredDefaultDescription
isOpenboolean | undefined--
sizestring | number | undefined-Sets both width and height
colorstring | undefined-Only affects single-color icons (default: 'currentColor')
childrenundefined--

On this page