@instructure/ui-position

ui-position

A component for positioning content with respect to a designated target.

Components

The ui-position package contains the following:

• Position

Installation

npm install @instructure/ui-position

Usage

For detailed usage and documentation, see Position.

import React from 'react'
import { Position } from '@instructure/ui-position'

const MyPosition = () => {
  return <Position renderTarget={<div>Target</div>}>Hello world</Position>
}

Changelog

10.26.0 (2025-10-01)

Bug Fixes

• ui-breadcrumb: fix Breadcrumb not read properly when truncated by screenreaders (638ffbe)
• ui-buttons: fix for AI secondary button visual glitch (aff6f65)
• ui-color-picker: prevent selection outside of ColorMixer when dragging the indicator (2e2bd90)
• ui-drawer-layout,ui-a11y-utils: fix DrawerLayout not closing on ESC keypress (390b294)
• ui-radio-input: remove aria-disabled from RadioInput (1b8946f)
• ui-table: make TableColHeader focus outline and sorted icon overridable by brand overrides (5b8231d)
• ui-text-input: set IconButton height in TextInput to not break layout (f345a58)
• ui-utils,ui-drilldown: make NDVA read options in Drilldown.Group correctly in Firefox (994f158)

Features

• Add llms.txt to instructure.design, add its contents as a downloadable .zip (bfef92b
• ui-alerts: expand Alert's liveRegion to accept direct DOM element (e457a0b)
• ui-buttons: expose display prop on CondensedButton (c827833)
• ui-drilldown: make Drilldown.Page handle optional Options (18f6a06)
• ui-icons: add new ai-info icon (f5941b1)
• ui-tree-browser: add animation prop to TreeBrowser (5906a0a)