Image

Themed <img> wrapper with plain and bordered variants.

import { Image } from "@ps1ui/core";

Basic

ps1ui OG banner
<Image
  src="https://koki-develop.github.io/ps1ui/og.png"
  alt="ps1ui OG banner"
  width={320}
  height={168}
/>

Bordered

ps1ui OG banner
<Image
  src="https://koki-develop.github.io/ps1ui/og.png"
  alt="ps1ui OG banner"
  variant="bordered"
  width={320}
  height={168}
/>

Props

PropTypeDefaultDescription
variant"plain" | "bordered""plain"

Visual treatment. `plain` renders the raw image, `bordered` adds a token-driven border and radius.

All native <img> attributes are also accepted.