@instructure/ui-select

category: packages

ui-select

A component for select and autocomplete behavior.

Components

The ui-select package contains the following:

• Select

Installation

npm install @instructure/ui-select

Usage

import React from 'react'
import { Select } from '@instructure/ui-select'

const MySelect = () => {
  return (
    <Select>
      <Select.Option>Option one</Select.Option>
      <Select.Option>Option two</Select.Option>
    </Select>
  )
}

For detailed usage and documentation, see Select examples.

Changelog

10.20.0 (2025-06-13)

Bug Fixes

• many: update dependencies, browsersdb and moment timezone database (3813636)
• ui-buttons: make Button have a focus ring in Safari (54118ac)
• ui-buttons: remove underline from disabled Button with href (90e8ce7)
• ui-form-field: make JAWS read input field labels and form error separately (9c23166)
• ui-modal: fill the available space if fullscreen prop is set (6e42d1e)
• ui-time-select,ui-simple-select,ui-select: add missing keyboard interactions and fix duplicate SR announcements (0f7ffa5)
• ui-top-nav-bar,ui-popover,ui-drilldown: automatically set aria-expanded, allow override with shouldSetAriaExpanded (b8e1367)
• ui-top-nav-bar: fix focus ring not showing when closing a dropdown (051eca7)
• ui-top-nav-bar: fix TopNavBarBrand flashing an outline on hover (41caeea)

Features

• many: add missing inputRef prop to input components (e1158fb)
• ui-icons: add compare icon, include ai-colored icon in the index, improve svg to jsx conversion (13b6a04)