Icon Frame

Installation

Install from the package for shared ownership or from the registry for copy-paste control.

Package Manager

pnpm add @glinui/ui @glinui/tokens

Registry

pnpm dlx @glinui/cli@latest add icon-frame

Usage

1import { IconFrame } from "@glinui/ui"
2
3export function Demo() {
4  return (
5    <div className="flex items-center gap-2">
6      <IconFrame size="sm">A</IconFrame>
7      <IconFrame variant="glass">B</IconFrame>
8      <IconFrame variant="outline" size="lg">C</IconFrame>
9    </div>
10  )
11}

Accessibility

• Use `aria-hidden` when decorative.
• Add screen-reader text for meaningful icons.

Reduced Motion

Frame transitions are color-only and respect reduced-motion settings.

API Reference

Source

Import directly from the package or browse the source on GitHub. Click any file to view it.

import { IconFrame } from "@glinui/ui"