What is an Infusion Component?


Infusion Components are reusable user interfaces that take the hard work out of supporting rich interaction in a Web application. Components are often larger than familiar widgets in a UI toolkit, taking into account user workflows and sequences.


These components support A-Grade browsers and are stable for production usage across a wide range of applications and use cases.

List Reorderer
Grid Reorderer
Image Reorderer
Layout Reorderer
Simple Text Inline Edit 


These components are still growing, but with broad browser support. Expect new features in upcoming releases.

UI Options UI Options 


These components are still in development: APIs will change. Share your feedback, ideas, and code with us!

Dropdown Inline Edit
Rich Text Inline Edit
Table of Contents 

Sliding Panel

  Textfield Slider




Thoughtfully Designed. Technically Friendly.

Infusion Components are built from the beginning to be accessible and highly flexible. They can be adapted and modified to suit a particular use case or institutional requirement. They can also be styled and adapted at runtime to meet unique accessibility needs, allowing users to specify personal UI preferences.

From a technical perspective, Infusion Components are built using JavaScript, DHTML, and CSS. They cooperate with the server, embracing unobtrusive markup and graceful degradation. Infusion Components often take a "decorative" or markup-driven approach, in which they enhance semantic HTML delivered from the server with greater richness and interactivity. Infusion Components are built in configurable units, allowing them to be easily modified and customized.

What is the Component Library?

Over time, this component library will serve as a trusted source of reliable, inclusive, and easy to use interfaces that can be expanded and contributed to by all.

Components are reusable chunks of UI real estate that can be plugged into compatible web applications. They are supported by the underlying Infusion Framework, which is comprised of a number of low-level UI services intended to make user interface development in JavaScript and DHTML significantly easier. Framework services include drag-and-drop support, reusable AJAX connection strategies, DOM manipulation, keyboard handlers, and more.