MDK Logo

Media

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

Source

https://github.com/tetherto/mdk/blob/main/ui/packages/react-devkit/src/primitives/components/icons/USAGE.md#iconprops-props-detail

Props

PropStatusType / OptionsDefaultDescription
childrenOptionalundefined--
colorOptionalstring"currentColor"Only affects single-color icons (default: 'currentColor')
isOpenOptionalboolean--
sizeOptionalstring | number-Sets both width and height

On this page