Skip to content

Interface

The standard OSRS window - interface stone inside the iron-rivet steel frame, with a title and close button.

Installation

npx shadcn@latest add https://osrsui.com/r/interface.json

Usage

import { Interface, InterfaceHeader, InterfaceTitle, InterfaceClose, InterfaceContent } from "@/components/ui/interface"

<Interface>
  <InterfaceHeader>
    <InterfaceTitle>The Bank of Gielinor</InterfaceTitle>
    <InterfaceClose onClick={close} />
  </InterfaceHeader>
  <InterfaceContent>…</InterfaceContent>
</Interface>