Generated by All in One SEO v4.8.9, this is an llms.txt file, used by LLMs to index the site.

# Infor Design System

Infor Design System

## Sitemaps

- [XML Sitemap](https://design.infor.com/sitemap.xml): Contains all public & indexable URLs for this website.

## Pages

- [Home](https://design.infor.com/) - Infor Design System helps product teams build cohesive user experiences in efficient ways, offering foundations, components, code, assets, and best practices.
- [Treemap](https://design.infor.com/components/charts/treemap/)
- [Utilities Overview](https://design.infor.com/components/utilities/utilities-overview/) - Utilities are a set of standalone styles and pieces of functionality. They offer extra features without being tied to specific IDS components, making them more modular in use and more efficient to maintain. IDS offers components in two core code libraries. As functionality and naming can vary slightly between libraries, this page summarizes availability and where
- [Guidelines](https://design.infor.com/components/components/tabs/guidelines/) - Tabs are a navigational component for users to switch between different views or sections within the same interface, organizing information into categorized segments.
- [Visibility](https://design.infor.com/components/utilities/visibility/) - A wrapper component that can be used to responsively hide children components based on selected breakpoints.
- [Virtual Scroller](https://design.infor.com/components/utilities/virtual-scroller/) - Renders only visible rows from a large list, cycling them through a fixed set of DOM nodes as the user scrolls to keep the page responsive.
- [Validation (Enterprise Only)](https://design.infor.com/components/utilities/validation/) - A validation feature that checks form input values against rules, displaying a message below a field.
- [Trigger Field](https://design.infor.com/components/utilities/trigger-field/) - An input with 1 or more trigger buttons for opening a picker, a dialog, or a panel; used as the base for datepickers, timepickers, and lookup fields.
- [Trackdirty (Enterprise Only)](https://design.infor.com/components/utilities/trackdirty/) - Monitors whether a field's value has changed from its original state and shows an indicator on the field to signal to the user that it has been modified.
- [Text](https://design.infor.com/components/utilities/text/) - Displays text elements that are styled according to IDS font sizes, weights, and colors, keeping typography consistent across all areas of a page.
- [Swipe Action](https://design.infor.com/components/utilities/swipe-action/) - Reveals contextual action buttons when the user swipes a content row left or right, with those same actions available in a popup menu on desktop.
- [Swappable](https://design.infor.com/components/utilities/swappable/) - Lets the user drag and drop items between 2 or more containers, with support for selecting and moving a single item or multiple items.
- [Splitter](https://design.infor.com/components/utilities/splitter/) - A resizable divider that splits a page into 2 or more panes, allowing the user to drag the bar between them to control how much space each content area takes up.
- [Place (Enterprise Only)](https://design.infor.com/components/utilities/place/) - Positions elements relative to a target, such as a popup next to a button, with automatic edge detection to keep content within the viewport.
- [Personalize](https://design.infor.com/components/utilities/personalize/) - Changes the primary color of headers and module tabs.
- [Mask](https://design.infor.com/components/utilities/mask/) - A real-time input filter that enforces a defined character format as the user types, with built-in patterns for dates, times, and numbers.
- [Global](https://design.infor.com/components/utilities/global/) - A globalization API that handles date and number formatting, translations, calendar systems, and right-to-left text.
- [List Filter (Enterprise Only)](https://design.infor.com/components/utilities/list-filter/) - Adds a search input above a list, hiding items that don't match the typed text, with support for case-insensitive matching and custom functions. Used in dropdown, listview, and multiselect.
- [List Box](https://design.infor.com/components/utilities/list-box/) - A list of selectable options to present choices with the correct keyboard navigation and accessibility support built in. Used in autocomplete and dropdown.
- [Layout Grid](https://design.infor.com/components/utilities/layout-grid/) - A layout container that organizes content into responsive columns and rows, with child cells that span the grid and 6 breakpoints that adjust the column count.
- [Layout Flex](https://design.infor.com/components/utilities/layout-flex/) - A layout container for arranging content in a single direction, made up of a parent element and child items for controlling alignment, spacing, and wrapping.
- [Drag](https://design.infor.com/components/utilities/drag/) - Makes any element draggable, letting the user move it freely or constraining it to a single axis, with support for mouse and touch interactions.
- [Data Label](https://design.infor.com/components/utilities/data-label/) - Pairs a field name with its value to display read-only data in record and detail views, keeping structured information consistent and easy to scan.
- [Container](https://design.infor.com/components/utilities/container/) - A root-level wrapper that sets the visual theme for the page, resets browser defaults, and shares language and regional settings with every component inside.
- [Autocomplete (Enterprise Only)](https://design.infor.com/components/utilities/autocomplete/) - Suggests matching options as the user types to help them select the right value faster.
- [Arrange (Enterprise Only)](https://design.infor.com/components/utilities/arrange/) - Allows items in a container to be sorted and rearranged using drag and drop, with support for vertical and horizontal orientation and a configurable drag handle.
- [Overview](https://design.infor.com/components/components/notification-banner/overview/) - Anatomy Status icon Description Hyperlink (optional) Close icon button Behavior and Interaction When the description fits on 1 line, the hyperlink appears immediately after the text. There is a single space between the text and the hyperlink. When the description exceeds 1 line, and when space is limited, it wraps to 2 lines. The hyperlink
- [Guidelines](https://design.infor.com/components/components/hyperlink/guidelines/) - A hyperlink is an interactive text element for users to navigate to another page, section, or resource when clicked, providing seamless connectivity between related content within or across applications.
- [Components Overview](https://design.infor.com/components/components/components-overview/) - Components are the reusable pieces that product teams use most while building experiences. IDS offers components in two core code libraries. As functionality and naming can vary slightly between libraries, this page summarizes availability and where to find documentation for each element.
- [Hyperlink](https://design.infor.com/components/components/hyperlink/) - A hyperlink is an interactive text element that lets the user navigate to another page, section, or resource.
- [Tabs](https://design.infor.com/components/components/tabs/) - Tabs let the user navigate between different views or sections of content within the same interface, organizing information into categorized segments.
- [Guidelines](https://design.infor.com/components/components/badge/guidelines/) - A badge is an effective way to help users make a decision by showing a quantitative attribute about another UI element.
- [Overview](https://design.infor.com/components/components/badge/overview/) - Badge Count Responsiveness The width of the badge adjusts to the length of the count, up to a maximum of 44 pixels.
- [Badge](https://design.infor.com/components/components/badge/) - A badge is a noninteractive visual indicator that displays a count and an optional status color about another UI element.
- [What's New](https://design.infor.com/resources/whats-new/) - The latest news, updates, and releases to help you quickly and easily optimize the Infor product experience.
- [Overview](https://design.infor.com/components/components/text-input/overview/) - Anatomy Label Field Text value Help text (optional) Options Label Placement Choose 1 label position per form: Top or inline. Top Label (Default) Positioned above the text input. Recommended for most forms with less than 6 text inputs. Preferred for mobile devices. Inline Label Positioned to the left of the text input. Use in dense
- [Figma Components](https://design.infor.com/components/changelogs/figma-components/) - Latest features and fixes for Figma components.
- [Guidelines](https://design.infor.com/components/components/tag/guidelines/) - Tags are used to label different items, create categorization, filter data, select or deselect options, and include functionality to disclose several related tags in another view.
- [Overview](https://design.infor.com/components/components/tag/overview/) - Anatomy Container Label "Close" icon (optional) Options Read Only A static label with no interactive behavior. Use it for categorization or informational labels. Clickable Shows that the user can trigger an action or navigate to related information, such as filtering content, applying a selection, or opening a related view. To signal to the user that
- [Tag](https://design.infor.com/components/components/tag/) - Tags are used to label and categorize items, filter data, select or deselect options, and support interactions like selection, dismissal, or navigation.
- [Typography](https://design.infor.com/foundations/typography/) - Typography presents content in a variety of styles and size, and is essential for establishing information hierarchies and clarity within products.
- [Overview](https://design.infor.com/components/components/pager/overview/) - Anatomy First page icon Previous page icon Current page Other pages Next page icon Last page icon
- [Tooltip](https://design.infor.com/components/components/tooltip/) - A tooltip is a message that appears when a cursor is positioned over a UI element like an icon or a hyperlink. It clarifies terms or provides guidance.
- [Overview](https://design.infor.com/components/components/listview/overview/) - Anatomy Listview item Separator Options To avoid confusing the user and cluttering the screen, be thoughtful about using different listview options in a single listview component. Default Good for general listviews. Includes a title (in bold), a description, and supporting copy. Checkbox When the user needs to select multiple items or perform bulk actions, include
- [Enablement](https://design.infor.com/resources/enablement/) - Everything you need to know about adopting the Infor Design System, best practices and thought leadership resources about UX, comprehensive guidance for OS Platform Workspaces, and more.
- [Overview](https://design.infor.com/components/components/breadcrumb/overview/) - Anatomy Parent page link Child page link Slash Current page Behavior and Interaction Interaction Breadcrumbs for parent pages and child pages behave like hyperlinks. They’re clickable and display hover states to indicate interactivity. (“Stock movements” as shown above.) The breadcrumb for the current page is not interactive and doesn’t display a hover state, reinforcing that
- [Form](https://design.infor.com/patterns/interactions/form/) - A form is a structured layout that lets the user enter, review, and submit information.
- [Capitalization](https://design.infor.com/foundations/ux-writing/capitalization/) - Definitions of 2 capitalization styles—title case and sentence case—and when to apply them in UI copy and microcopy.
- [Text Input](https://design.infor.com/components/components/text-input/) - A text input is a single-line field for submitting names, identifiers, or simple numeric values.
- [Web Components](https://design.infor.com/components/utilities/container/web-components/) - A primitive element that controls theming and locale settings on a page.
- [Guidelines](https://design.infor.com/components/components/checkbox/guidelines/) - A checkbox is an input for users to choose zero, one, or multiple items from a set of options.
- [Overview](https://design.infor.com/components/components/checkbox/overview/) - Anatomy Checkbox Label (optional) Options Label Use the label to describe what the user is selecting. No Label Omit the label when the purpose of the checkbox is clear to the user based on the overall interface. Common use cases include: Selecting rows or items in a data grid. Selecting items in a listview. Unlabeled
- [Checkbox](https://design.infor.com/components/components/checkbox/) - A checkbox is an input that lets the user make a selection.
- [Color](https://design.infor.com/foundations/color/) - The color palette contains progressive shades and tints for each color, providing the flexibility, dimension, and contrast needed.
- [Design Tokens](https://design.infor.com/foundations/design-tokens/) - Tokens are an important piece of the design system that help product teams efficiently use the design language.
- [Grid](https://design.infor.com/foundations/grid/) - The flexible grid is the structural backbone of our product interface. It provides a shared mathematical language for organizing complex information into a clear and predictable hierarchy.
- [Overview](https://design.infor.com/components/components/modal/overview/) - Anatomy Title Close button (optional) Body Button group Overlay background Options There are 2 variants of a modal. The reading flow differentiates them. Default Displays the action buttons in a button group at the bottom of the modal. Recommended for all use cases as specified in the dialog. Action Panel Displays the action buttons at
- [Modal](https://design.infor.com/components/components/modal/) - A modal is a type of dialog that blocks interaction with the page until the user dismisses it or completes an action.
- [Word List](https://design.infor.com/foundations/ux-writing/word-list/) - Common words and how to use them effectively.
- [About UX Writing](https://design.infor.com/foundations/ux-writing/about-ux-writing/) - How to write well-crafted microcopy that helps the user successfully complete a task.
- [Error](https://design.infor.com/patterns/interactions/error/) - An error occurs when a system or user action fails or produces an unexpected result, sometimes preventing the user from completing their intended task.
- [Process Indicator](https://design.infor.com/components/components/process-indicator/) - The process indicator signifies the status of how far along the user is in completing a task.
- [About Infor Design System](https://design.infor.com/resources/about-infor-design-system/) - Infor Design System helps product teams build cohesive user experiences in efficient ways.
- [Engaging Research Stakeholders and Participants](https://design.infor.com/resources/ux-research/engaging-research-stakeholders-and-participants/) - Finding the right people for your UX research.
- [Interview](https://design.infor.com/resources/ux-research/interview/) - An opportunity for a deeper understanding about users.
- [Usability Testing](https://design.infor.com/resources/ux-research/usability-testing/) - Iterative evaluations of a design.
- [Survey](https://design.infor.com/resources/ux-research/survey/) - Asking effective questions for actionable insights.
- [Quantitative Research](https://design.infor.com/resources/ux-research/quantitative-research/) - Collecting data via analytics, card sorts, tree tests, and click tests.
- [Heuristic Evaluation](https://design.infor.com/resources/ux-research/heuristic-evaluation/) - Measuring usability against qualitative design principles.
- [User Personas](https://design.infor.com/resources/ux-research/user-personas/) - The foundation for understanding the user.‎
- [UX Research Methodologies](https://design.infor.com/resources/ux-research/ux-research-methodologies/) - Choosing the best methodology for your research goal.
- [About UX Research](https://design.infor.com/resources/ux-research/about-ux-research/) - Learn about your users' behaviors, goals, motivations, and needs.
- [Internationalization](https://design.infor.com/foundations/internationalization/) - Following i18n standards can help ensure that our products are adaptable globally.
- [Accessibility](https://design.infor.com/foundations/accessibility/) - Digital accessibility helps ensure that everyone can understand and use Infor products.
- [Infor Logo Usage](https://design.infor.com/foundations/infor-logo-usage/) - These guidelines provide comprehensive information for using the Infor logo in applications.
- [Photography in Product](https://design.infor.com/foundations/photography-in-product/) - Thoughtfully including photography in a demo of an Infor product can add personalization, provide modern visual interest, and elevate the experience beyond plain text or empty placeholders.
- [Numbers](https://design.infor.com/foundations/ux-writing/numbers/) - Formats to follow for numbers that ensure a consistent and productive user experience.
- [Jargon](https://design.infor.com/foundations/ux-writing/jargon/) - When to use jargon in your writing and when it may be more helpful and effective to use plain language instead.
- [Hint Text for Search and Form Fields](https://design.infor.com/foundations/ux-writing/hint-text-for-search-and-form-fields/) - How to write frictionless, predictable, and easy-to-understand hint text for search and form fields to help users get their work done faster.
- [Evolving the Tone of Our Voice](https://design.infor.com/foundations/ux-writing/evolving-the-tone-of-our-voice/) - Delivering a more human experience.
- [Dates and Times](https://design.infor.com/foundations/ux-writing/dates-and-times/) - Formats to follow for dates and times that ensure a consistent and productive user experience.
- [Buttons and Hyperlinks](https://design.infor.com/foundations/ux-writing/buttons-and-hyperlinks/) - Knowing when to use a button versus a hyperlink can help you ensure even smoother user interactions.
- [Customizing Mobile Application Icons](https://design.infor.com/foundations/iconography/customizing-mobile-application-icons/) - Icons for Infor native mobile applications are a key visual representation of our products to customers.
- [Chart Color Sequences](https://design.infor.com/foundations/color/chart-color-sequences/) - Chart colors help users interpret data quickly and accurately. Our system provides structured palettes that balance clarity, accessibility, and consistency across dashboards.
- [Examples](https://design.infor.com/foundations/design-tokens/examples/) - How to Apply Semantic Tokens in Figma Design tokens are supported natively in Figma as variables Choose design tokens with names and descriptions that are tailored to your specific context Don't select a token just because the colors appear to match; this won't work while switching between modes or themes Status Colors Use specific status
- [Overview](https://design.infor.com/foundations/design-tokens/overview/) - About Tokens A design token is a name and value that represents a color, font, or other foundational UI element in the system. Each token serves as a codified design decision, acting as a source of truth between design and development. Tokens enable unified visual styles across products and industries, reducing constraints that can arise
- [GenAI Buttons](https://design.infor.com/patterns/genai/genai-buttons/) - The GenAI buttons let users perform AI text summarization or generation on an application page.
- [Workspace](https://design.infor.com/patterns/page-layouts/workspace/) - A Workspace is a configurable landing page composed of widgets that consolidate information and tasks from 1 or more applications.
- [Split Screen](https://design.infor.com/patterns/page-layouts/split-screen/) - A split screen is an embedded layout pattern that displays 2 related areas of content within the same page and lets the user resize them with a splitter.
- [Profile Record](https://design.infor.com/patterns/page-layouts/profile-record/) - A profile record presents the user with details about any type of entity—such as parts, products, customers, employees, suppliers, or vendors—making it adaptable across various industries.
- [List and Details](https://design.infor.com/patterns/page-layouts/list-and-details/) - In a list and details page, a clickable list of items is on one side of the page.
- [Data Grid View](https://design.infor.com/patterns/page-layouts/data-grid-view/) - In a data grid view, large data sets are displayed in a tabular format, streamlining the user’s ability to view, sort, filter, and edit records.
- [Dashboard](https://design.infor.com/patterns/page-layouts/dashboard/) - A dashboard presents only the information that’s relevant to the user’s priorities in a single, consolidated view.
- [Sign In](https://design.infor.com/patterns/interactions/sign-in/) - The sign-in pattern lets users access the application by entering their credentials.
- [Notification](https://design.infor.com/patterns/interactions/notification/) - A notification is a brief message that gives timely and relevant feedback about system statuses, task outcomes, or issues that need awareness or action.
- [Dialog](https://design.infor.com/patterns/interactions/dialog/) - A dialog is a temporary window that draws the user’s attention to confirm an action, collect input, or present important information.
- [Button Group](https://design.infor.com/patterns/interactions/button-group/) - The button group organizes a set of actions into a clear and cohesive layout that provides visual hierarchy.
- [Guidelines](https://design.infor.com/components/charts/pie-chart/guidelines/) - Anatomy Segment Tooltip Legend Options Donut Chart A variation of the pie chart is the donut chart. Displayed in the center of the donut is a single summary metric—a total, a percentage, or a KPI—that explains or provides context for the segmented values. Segment Center label Tooltip Legend Use a donut chart instead of a
- [Guidelines](https://design.infor.com/components/charts/line-chart/guidelines/) - Anatomy Axis label (optional) Y-axis X-axis Legend (optional) Tooltip Line Grid line Marker Options Simple Line Chart Displays values as markers (dots or circles) that are connected by lines, for comparison across an ordered sequence. Negative/Diverging Line Chart Displays values that extend in opposite directions from a baseline (usually 0), for comparison of positive values
- [Guidelines](https://design.infor.com/components/charts/bar-chart/guidelines/) - Anatomy Axis label (optional) Y-axis X-axis Legend (optional) Tooltip Grid line Bar Options Simple Bar Chart Displays individual categories as separate bars, for comparison of single values across groups. Vertical bar chart Horizontal bar chart Grouped Bar Chart Displays bars for subcategories side by side within each main category, for comparison within groups and across
- [Guidelines](https://design.infor.com/components/charts/area/guidelines/) - Anatomy Axis label (optional) Y-axis X-axis Legend (optional) Tooltip Line Grid line Marker Shaded area Options Simple Area Chart Displays individual values as a shaded area under a line, for emphasizing magnitude over a continuous sequence. Negative/Diverging Line Chart Displays values that extend in opposite directions from a baseline (usually 0), for comparison of positive
- [Guidelines](https://design.infor.com/components/utilities/validation/guidelines/) - The validation component ensures that data input and user actions meet required criteria before being submitted or processed.
- [Guidelines](https://design.infor.com/components/utilities/trackdirty/guidelines/) - Use trackdirty to inform users when they have unsaved changes in a form, document, or editable content.
- [Guidelines](https://design.infor.com/components/utilities/swappable/guidelines/) - Swappable provides drag-and-drop functionality between items or lists.
- [Guidelines](https://design.infor.com/components/utilities/splitter/guidelines/) - A splitter divides the screen space into sections, allowing the user to resize and alter the adjacent panes.
- [Guidelines](https://design.infor.com/components/utilities/mask/guidelines/) - The mask allows for finer control of text that is entered by the user.
- [Guidelines](https://design.infor.com/components/utilities/autocomplete/guidelines/) - As a user types, autocomplete suggests options to help them.
- [Guidelines](https://design.infor.com/components/utilities/arrange/guidelines/) - Use arrange to drag and rearrange interactive elements. It’s ideal for use with simple elements such as non-detailed lists. For more robust data sets that may require sorting and filtering functionality, use the data grid. Arranging an element involves two cursors. Excluded items function as a disabled state, prohibiting the user from rearranging data. Component
- [Guidelines](https://design.infor.com/components/components/wizard/guidelines/) - The wizard component is a guided, step-by-step interface that helps users complete complex or multi-part tasks by breaking them into manageable stages with clear navigation.
- [Guidelines](https://design.infor.com/components/components/widget/guidelines/) - A widget can address specific customer needs by providing a highly customizable space with pre-defined interactive behaviors—allowing the user to get a snapshot of a desirable data set, with the option to serve as an entry point to the full data set.
- [Guidelines](https://design.infor.com/components/components/tree/guidelines/) - A tree is a hierarchical structure used to organize and present data in a parent-child relationship.
- [Guidelines](https://design.infor.com/components/components/tooltip/guidelines/) - A tooltip is a message that appears when a cursor is positioned over an icon, image, hyperlink, or other element.
- [Guidelines](https://design.infor.com/components/components/toolbar/guidelines/) - A toolbar is a set of actions that apply actions to a page or section.
- [Guidelines](https://design.infor.com/components/components/toggle-button/guidelines/) - The toggle button is an extension of the button component, with a toggling feature and a pressed state.
- [Guidelines](https://design.infor.com/components/components/toast/guidelines/) - A toast is a temporary notification that provides feedback about user actions.
- [Guidelines](https://design.infor.com/components/components/timepicker/guidelines/) - The timepicker component lets users select a specific time.
- [Guidelines](https://design.infor.com/components/components/timeline/guidelines/) - The timeline visually outlines a sequence of process steps, highlighting the current stage and progress to guide users through a linear workflow.
- [Guidelines](https://design.infor.com/components/components/text-input/guidelines/) - A text input is used for submitting text, numbers, or other data to the system.
- [Guidelines](https://design.infor.com/components/components/text-area/guidelines/) - A text area is an input for multiple-line and long-text entries.
- [Guidelines](https://design.infor.com/components/components/switch/guidelines/) - Switches are used for toggling between two binary states.
- [Guidelines](https://design.infor.com/components/components/swaplist/guidelines/) - A swaplist lets users easily move objects between 2 or more lists.
- [Guidelines](https://design.infor.com/components/components/stats/guidelines/) - The stats component displays key quantitative metrics, showing trends or changes.
- [Guidelines](https://design.infor.com/components/components/spinbox/guidelines/) - A spinbox is an input for entering a quantity in a set interval.
- [Guidelines](https://design.infor.com/components/components/slider/guidelines/) - Sliders allow users to make selections from a range of values.
- [Guidelines](https://design.infor.com/components/components/skip-link/guidelines/) - A skip link helps keyboard users bypass recurring page navigation.
- [Guidelines](https://design.infor.com/components/components/separator/guidelines/) - A separator visually divides sections of content on a page.
- [Guidelines](https://design.infor.com/components/components/segmented-control/guidelines/) - A segmented control is a horizontal bar with 2 to 5 controls that let the user switch between categories of content, one at a time.
- [Guidelines](https://design.infor.com/components/components/search-field/guidelines/) - The search field component allows users to search for specific content by entering text into the input field.
- [Guidelines](https://design.infor.com/components/components/rating/guidelines/) - The rating component is for displaying or selecting a rating.
- [Guidelines](https://design.infor.com/components/components/radio/guidelines/) - A radio is an input for users to choose a single item from a group of mutually exclusive options.
- [Guidelines](https://design.infor.com/components/components/progress-indicator/guidelines/) - The progress indicator conveys a system status or how long a process will take.
- [Guidelines](https://design.infor.com/components/components/popover/guidelines/) - Popovers are containers that float on top of all other elements on the page, displaying additional information and actions on demand.
- [Overview](https://design.infor.com/components/components/popover/overview/) - Anatomy Trigger item Caret tip Header Body (optional) Button group
- [Guidelines](https://design.infor.com/components/components/popup/guidelines/) - Popups are containers that float on top of all other elements on a page, displaying additional information and actions on demand.
- [Guidelines](https://design.infor.com/components/components/pager/guidelines/) - The pager component provides an interface for browsing paginated data.
- [Guidelines](https://design.infor.com/components/components/notification-banner/guidelines/) - Notification banners provide non-disruptive, system-wide feedback or updates.
- [Guidelines](https://design.infor.com/components/components/multiselect/guidelines/) - Multiselect is an adaptable component, located inside of a dropdown, that allows users to choose multiple selections from a list.
- [Interactions Overview](https://design.infor.com/patterns/interactions/interactions-overview/) - Interactions are reusable combinations of IDS components for solving common use cases. Implementing interactions consistently within the CloudSuites helps build familiarity among users, making it easier for them to learn, adapt to, and use an interface.
- [Guidelines](https://design.infor.com/components/components/empty-message/guidelines/) - An empty message indicates that there’s no content or data.
- [Guidelines](https://design.infor.com/components/components/module-nav/guidelines/) - The module nav helps users navigate within an application.
- [Guidelines](https://design.infor.com/components/components/modal/guidelines/) - A modal prompts the user to make a choice or acknowledge information before they can continue.
- [Overview](https://design.infor.com/components/components/popup-menu/overview/) - Anatomy Trigger item Popup Menu Options With Caret Use a caret when the popup menu is anchored to a specific trigger element — such as overflow or action menus accessed via icons, menus, or split buttons. No Caret Omit the caret when the popup menu is invoked from cursor context or large interactive areas, typically
- [Empty Message](https://design.infor.com/components/components/empty-message/) - The empty message communicates why no content is visible and helps the user understand what to do next.
- [Popup Menu](https://design.infor.com/components/components/popup-menu/) - A popup menu provides users access to a set of contextual actions or options by clicking a trigger item.
- [Guidelines](https://design.infor.com/components/components/message/guidelines/) - A message communicates important information to the user.
- [Guidelines](https://design.infor.com/components/components/menu-button/guidelines/) - An extension of the standard button component, the menu button is linked to a popup menu component and can be used to trigger multiple different actions.
- [Guidelines](https://design.infor.com/components/components/menu/guidelines/) - A menu presents a list of items that the user can select to trigger an action.
- [Guidelines](https://design.infor.com/components/components/media-gallery/guidelines/) - When to Use Use the media gallery to organize and display a collection of images or videos. It’s ideal for showcasing the details and features of a specific product. When to Use Something Else Use a chart to display a data visualization or a diagram. Usability Guidance The media gallery is only as effective as
- [Guidelines](https://design.infor.com/components/components/masthead/guidelines/) - The masthead is a top-level toolbar with navigable links to useful applications or pages.
- [Guidelines](https://design.infor.com/components/components/lookup/guidelines/) - Lookup is a modal associated with finding, retrieving, or selecting data from a database or list.
- [Guidelines](https://design.infor.com/components/components/loading-indicator/guidelines/) - The loading indicator signifies the status of a system process.
- [Guidelines](https://design.infor.com/components/components/listview/guidelines/) - The listview component displays a set of related data objects and their attributes in a list format.
- [Guidelines](https://design.infor.com/components/components/list-builder/guidelines/) - With the list builder, users can add, remove, delete, and sort items in a list.
- [Guidelines](https://design.infor.com/components/components/kpi/guidelines/) - The KPI component displays key quantitative metrics, showing a status or trends.
- [Guidelines](https://design.infor.com/components/components/image/guidelines/) - The image component manages placeholder images and empty states, and supports various image sizes that may appear throughout an application.
- [Guidelines](https://design.infor.com/components/components/icon/guidelines/) - An icon is a visual symbol that represents an object, action, or concept, designed for quick recognition and easy interaction.
- [Overview](https://design.infor.com/components/components/icon/overview/) - An icon is a visual symbol that represents a common object, action, or concept—designed for consistency, quick recognition, and easy interaction.
- [Guidelines](https://design.infor.com/components/components/home-page/guidelines/) - Use the home page component to arrange a set of widgets in an optimal layout to support a specific user workflow.
- [Guidelines](https://design.infor.com/components/components/hierarchy/guidelines/) - The hierarchy component visually represents hierarchical structures and relationships in a tree-like format.
- [Guidelines](https://design.infor.com/components/components/header/guidelines/) - The header is placed at the top of an application page, providing a consistent location for the page title, search, and other actions users can take that relate to the current page.
- [Guidelines](https://design.infor.com/components/components/font-picker/guidelines/) - The font picker shows the font styles or sizes that users can select for text within an application.
- [Guidelines](https://design.infor.com/components/components/file-upload-advanced/guidelines/) - With file upload (advanced), users can upload files via drag and drop or a selection dialog.
- [Guidelines](https://design.infor.com/components/components/file-upload/guidelines/) - With file upload, users can upload files via a selection dialog.
- [Guidelines](https://design.infor.com/components/components/fieldset/guidelines/) - A field set is a group of related input elements in a form.
- [Guidelines](https://design.infor.com/components/components/field-filter/guidelines/) - The field filter is an input field with a filter operator popup menu.
- [Guidelines](https://design.infor.com/components/components/expandable-area/guidelines/) - The expandable area shows and hides content to provide the user with a manageable amount of information.
- [Guidelines](https://design.infor.com/components/components/editor-rich-text/guidelines/) - The editor (WYSIWYG) component allows users to create and edit content in a visual format, where the appearance during editing closely matches the final output.
- [Guidelines](https://design.infor.com/components/components/dropdown/guidelines/) - The dropdown is an input for selecting items from a collapsible list of options.
- [Guidelines](https://design.infor.com/components/components/drawer/guidelines/) - The drawer creates a fixed panel on the edge of the browser viewport that can be used for roll-out navigation or actions, such as those present on application menus or action sheets.
- [Guidelines](https://design.infor.com/components/components/counts/guidelines/) - Counts are distinctive elements that highlight important numbers or metrics.
- [Guidelines](https://design.infor.com/components/components/datepicker/guidelines/) - The datepicker lets users select dates or date ranges from a visual calendar interface, simplifying date input tasks for forms and applications.
- [Guidelines](https://design.infor.com/components/components/data-grid/guidelines/) - A data grid is an interactive, tabular interface for displaying, organizing, and managing structured data with features like sorting, filtering, and editing.
- [Guidelines](https://design.infor.com/components/components/context-menu/guidelines/) - The context menu is a flexible popover component designed to provide quick access to context-specific actions or options.
- [Overview](https://design.infor.com/components/components/context-menu/overview/) - Anatomy Container Menu item
- [Guidelines](https://design.infor.com/components/components/color-picker/guidelines/) - The color picker is an input or dropdown form element that enables users to select a color by entering a value directly or choosing from a swatch gallery.
- [Guidelines](https://design.infor.com/components/components/circle-pager/guidelines/) - In a carousel, users swipe or scroll through a series of slides or pages.
- [Guidelines](https://design.infor.com/components/components/card/guidelines/) - A card shows skimmable information and actions about a single item.
- [Guidelines](https://design.infor.com/components/components/calendar/guidelines/) - Displays information by month, week, or day.
- [Guidelines](https://design.infor.com/components/components/button/guidelines/) - A button is an interactive component for users to trigger an action or navigate within an application, providing a clear call to action that enhances task completion and flow.
- [Overview](https://design.infor.com/components/components/button/overview/) - Anatomy Icon (optional) Action label Dropdown (optional) Container Options Primary Button A primary button is the main call to action for the user. It’s the highest priority action on a page or a modal. For guidance about the placement of a primary button and any supporting actions, refer to the button group. Leading Icon +
- [Guidelines](https://design.infor.com/components/components/breadcrumb/guidelines/) - When to Use Use a breadcrumb when the user is browsing through multiple levels of a hierarchy. Breadcrumbs: Show the user’s place within a product. Reflect the linear hierarchy, which may be different from a specific browsing path. Give the user a way to trace back to their original location. If the user is completing
- [Guidelines](https://design.infor.com/components/components/block-grid/guidelines/) - The block grid displays data as selectable blocks within a simple grid.
- [Guidelines](https://design.infor.com/components/components/application-menu/guidelines/) - The application menu is a collapsible side navigation component that helps users access key features, categories, and tools within an application, providing options for search, quick actions, and user identification.
- [Token List](https://design.infor.com/token-list/) - https://design.infor.com/
- [Guidelines](https://design.infor.com/components/components/avatar/guidelines/) - An avatar is a graphical representation used to visually identify a user or entity.
- [Overview](https://design.infor.com/components/components/application-menu/overview/) - Anatomy Avatar Name Toolbar Search field Menu items
- [Guidelines](https://design.infor.com/components/components/alerts/guidelines/) - An alert is a special icon that indicates a status or error, often used as part of a message with accompanying text.
- [Guidelines](https://design.infor.com/components/components/action-sheet/guidelines/) - The action sheet displays a mobile-friendly view of a menu, which appears to roll out from the bottom of the viewport and can be selected by touch.
- [Guidelines](https://design.infor.com/components/components/accordion/guidelines/) - The accordion gives users control over the information they engage with, allowing them to decide what to expand and read or what to keep hidden.
- [Toolbar](https://design.infor.com/components/components/toolbar/) - A toolbar is a container that groups actions related to the current page or view.
- [Charts Overview](https://design.infor.com/components/charts/charts-overview/) - Charts are visual representations of data that can help users understand relationships, patterns, and trends across different variables. They help effectively display and interpret data trends, providing the user with clear comparisons and valuable insights. To learn how to use the IDS chart color palettes, when to use each type of palette, and best practices
- [Overview](https://design.infor.com/components/components/accordion/overview/) - Header Icon (optional) Title Expand/collapse button Content area Expanded section Collapsed sections Options Expand/Collapse Button The expand/collapse button has 2 positions: Trailing (default) Leading Pick 1 placement and follow it consistently across all CloudSuite accordion components. Trailing (Default) For compact, list‑based, or structured layouts, use a trailing expand/collapse button. This prioritizes label readability and alignment.
- [Overview](https://design.infor.com/components/components/module-nav/overview/) - Helps users navigate within an application.
- [Line Chart](https://design.infor.com/components/charts/line-chart/) - A line chart shows trends over time or across a continuous sequence, highlighting direction, patterns, and how values change over time rather than exact values.
- [Module Nav](https://design.infor.com/components/components/module-nav/) - The module nav helps users navigate within an application.
- [Accordion](https://design.infor.com/components/components/accordion/) - The accordion gives users control over the information they engage with, providing flexibility for which sections to open and read or what to keep hidden.
- [Overview](https://design.infor.com/components/components/hierarchy/overview/) - Anatomy Legend Legend indicator Avatar Content area Actions (optional) Card
- [Overview](https://design.infor.com/components/components/block-grid/overview/) - Anatomy Block grid item Checkbox (optional) Avatar Header and subheader (optional)
- [Area Chart](https://design.infor.com/components/charts/area/) - An area chart shows trends over time using lines with shaded areas that highlight how values change, emphasizing magnitude, volume, and cumulative totals.
- [Overview](https://design.infor.com/components/components/avatar/overview/) - Anatomy Circular container Initials Options Initials The user’s initials appear on a background of an approved IDS accent color. To learn more about selecting and applying accent colors, see the usability guidance. Initials are 2 letters (minimum) or 3 letters (maximum). When the name is only a single word, generate the initials using the first
- [Notification Banner](https://design.infor.com/components/components/notification-banner/) - A notification banner provides nondisruptive, system-wide feedback or updates.
- [Bar Chart](https://design.infor.com/components/charts/bar-chart/) - A bar chart uses rectangular bars of equal width to compare numerical values across categories, making it easy to see rankings and performance differences.
- [Wizard](https://design.infor.com/components/components/wizard/) - The wizard guides users through a multistep process with a color-coded visual that shows their progress and indicates the current step.
- [Design](https://design.infor.com/get-started/design/) - What designers need to get started and where to find more information.
- [Overview](https://design.infor.com/components/components/wizard/overview/) - Anatomy Step indicator Step label
- [Color Palette](https://design.infor.com/foundations/color/color-palette/) - The color palette contains progressive shades and tints for each color, providing the flexibility, dimension, and contrast needed.
- [Page Layouts Overview](https://design.infor.com/patterns/page-layouts/page-layouts-overview/) - These layouts are high-level examples of how to structure pages that are commonly used throughout the CloudSuites. Use them as a reference for establishing visual hierarchies and designing easy-to-follow pages. Each page layout illustrates how IDS components can work together to ensure that user workflows are clear and organized.
- [Progress Indicator/Bar](https://design.infor.com/components/components/progress-indicator/) - The progress indicator (or progress bar) conveys a system status or how long a process will take.
- [Enterprise](https://design.infor.com/components/charts/donut-chart/enterprise/)
- [Donut Chart (Enterprise Only)](https://design.infor.com/components/charts/donut-chart/) - A donut chart visualizes how different segments contribute to a whole.
- [Header](https://design.infor.com/components/components/header/) - The header, placed at the top of a page, provides a consistent location for the title, search, and other user actions.
- [Web Components](https://design.infor.com/components/components/application-menu/web-components/)
- [Application Menu (Legacy)](https://design.infor.com/components/components/application-menu/) - The application menu is a collapsible side navigation component that helps users access key features, categories, and tools, with options for search, quick actions, and user identification.
- [Context Menu (Enterprise Only)](https://design.infor.com/components/components/context-menu/) - The context menu is a flexible popover component designed to provide quick access to context-specific actions or options.
- [Enterprise](https://design.infor.com/components/components/popover/enterprise/)
- [Popover (Enterprise Only)](https://design.infor.com/components/components/popover/) - Popovers are containers that float on top of all other elements on the page, displaying additional information and actions on demand.
- [Enterprise](https://design.infor.com/components/components/stats/enterprise/)
- [Web Components](https://design.infor.com/components/components/stats/web-components/) - Displays key quantitative metrics to show trends or changes.
- [Stats (Deprecated)](https://design.infor.com/components/components/stats/) - The stats component displays key quantitative metrics, showing trends or changes.
- [KPI](https://design.infor.com/components/components/kpi/) - The KPI component displays a critical metric, trend, or status.
- [Avatar](https://design.infor.com/components/components/avatar/) - An avatar is a visual representation of a user or an entity.
- [Image](https://design.infor.com/components/components/image/) - The image component displays visual content.
- [Pie Chart](https://design.infor.com/components/charts/pie-chart/) - A pie chart shows how individual categories contribute to a whole. It supports a quick, high-level comparison of proportions, emphasizing visual estimation over precise value comparison.
- [Enterprise](https://design.infor.com/components/charts/pie-chart/enterprise/)
- [Web Components](https://design.infor.com/components/charts/pie-chart/web-components/)
- [Web Components](https://design.infor.com/components/components/action-sheet/web-components/)
- [Enterprise](https://design.infor.com/components/components/loading-indicator/enterprise/)
- [Error-Tolerant Design](https://design.infor.com/error-tolerant-design/) - By Juan Franco Yu, Senior UX Writer | September 2025 Exceptional technology excels even when errors occur. Error tolerance is a design approach that anticipates that users will make mistakes when using technology. It strives to proactively minimize the impact of those errors and prioritize ways to help the user recover swiftly. As a result, it ensures
- [5 Key Focus Areas of Usability](https://design.infor.com/5-key-focus-areas-of-usability/) - Video | September 2025 Daphne Liu, senior director of UX insights, walks you through an easy heuristic evaluation technique that anyone can start using to improve the user experience. No design background needed! Don’t miss these actionable insights that can help your team move beyond vague feedback and create truly user-centered solutions.
- [The Power of UI and UX Design](https://design.infor.com/the-power-of-ui-and-ux-design/) - Video | June 2025 Amanda Roe, design director, talks about the transformative power of design and the vital synergy between user interface (UI) and user experience (UX). Discover how these elements can elevate software from ordinary to extraordinary, capturing and retaining customers along the way.
- [The Benefits of Design Systems and Adopting IDS](https://design.infor.com/the-benefits-of-design-systems-and-adopting-ids/) - Podcast | May 2025 Join Amanda Roe, design director, and Harold Nolley, experience product management team lead, for a conversation about the impact of well-structured design systems. Discover how they drive consistency, efficiency, and scalability while enhancing both the design process and user experience.
- [5 Dos and Don'ts for Better UX Writing](https://design.infor.com/5-dos-and-donts-for-better-ux-writing/) - By Trina Larein Capistrano, UX Writer | February 2026 Using the right words throughout a user interface is vital to improving the overall user experience. Good UX writing ensures that the words, phrases, and sentences in a product—called microcopy—work in conjunction with the visual and interactive elements to guide the user. UX writing is most
- [Overview](https://design.infor.com/components/components/segmented-control/overview/) - Anatomy Container Active segment Inactive segments Icon Label Options Icon With Label (Recommended) Use recognizable icons with short labels to help the user identify choices faster. Icon Only (Mobile) For mobile devices, this variant can adapt to showing icons only. Make sure that the icons are familiar to the user and specific to the context.
- [Interactions](https://design.infor.com/patterns/interactions/)
- [Sign In to IDS](https://design.infor.com/sign-in-to-ids/) - Access to the Infor Design System is limited to Infor employees. Inforians can sign in using their single sign-on (SSO) credentials. Sign in Infor partners may request guest access. Email the Infor IT Helpdesk. Infor customers are encouraged to utilize the documentation and resources for their specific CloudSuite solution.
- [Web Components](https://design.infor.com/components/components/week-day-view/web-components/)
- [Overview](https://design.infor.com/components/components/widget/overview/) - Anatomy Header Body Footer (optional) Container
- [Voice and Tone](https://design.infor.com/foundations/identity/voice-and-tone/) - Understanding voice helps us deliver a consistent user experience; understanding tone helps us guide users to successful, satisfying outcomes.
- [Overview](https://design.infor.com/components/components/swaplist/overview/) - Anatomy Header Swap button Search field (optional) List item
- [Overview](https://design.infor.com/components/components/popup/overview/) - Anatomy Caret tip (optional) Body
- [Segmented Control](https://design.infor.com/components/components/segmented-control/) - A segmented control is a horizontal bar with 2 to 5 controls that let the user switch between categories of content, one at a time.
- [Guidelines](https://design.infor.com/components/components/process-indicator/guidelines/) - The process indicator signifies the status of how far along a user is in completing a task.
- [Overview](https://design.infor.com/components/components/process-indicator/overview/) - Anatomy Step indicator Step label (optional) Status icon (optional) Hyperlink (optional) Date stamp (optional)
- [Guidelines](https://design.infor.com/components/components/popup-menu/guidelines/) - When to Use To present the user with a short list of contextual actions in response to a trigger. Example: Selecting a data grid cell could open options like edit, copy, or delete. When secondary or infrequent actions don't warrant prominent visual placement on the page. To reduce page clutter by grouping additional actions into
- [Overview](https://design.infor.com/components/components/slider/overview/) - Anatomy Label Track Value tooltip Handle Tick mark
- [Overview](https://design.infor.com/components/components/menu-button/overview/) - Anatomy Button label Chevron Popup menu
- [Overview](https://design.infor.com/components/components/menu/overview/) - Anatomy Menu item Leading icon (optional) Label Trailing icon or submenu indicator (optional) Separator (optional) Section title (optional) Single selected item (optional) Multi selected item (optional)
- [Overview](https://design.infor.com/components/components/loading-indicator/overview/) - Anatomy Load percentage (optional) Animated loading indicator
- [Overview](https://design.infor.com/components/components/fieldset/overview/) - Anatomy Title Form fields Button
- [Overview](https://design.infor.com/components/components/action-sheet/overview/) - Anatomy Overlay Container Menu item Button (optional)
- [Overview](https://design.infor.com/components/components/data-grid/overview/) - Anatomy Toolbar Header row Data cells
- [Overview](https://design.infor.com/components/components/list-builder/overview/) - Anatomy Toolbar List builder content List builder item
- [Overview](https://design.infor.com/components/components/kpi/overview/) - Anatomy Trend or status indicator (optional) KPI value Main label Supporting text (optional)
- [Enterprise](https://design.infor.com/components/components/skip-link/enterprise/)
- [Web Components](https://design.infor.com/components/components/skip-link/web-components/) - Helps keyboard users bypass recurring page navigation.
- [Overview](https://design.infor.com/components/components/media-gallery/overview-2/) - Anatomy Toolbar Media viewer Navigation Media expander Overlay background
- [Overview](https://design.infor.com/components/components/masthead/overview/) - Anatomy Home button Launcher icon Active tab Inactive tab Divider Open and recent tabs icon Username Logout icon (optional) Smart Panel icon (optional)
- [Overview](https://design.infor.com/components/components/dropdown/overview/) - Anatomy Label Field Leading icon (optional) Placeholder text Dropdown trigger List items
- [Overview](https://design.infor.com/components/components/tree/overview/) - Anatomy Tree Expander (optional) Icon Node name Info icon (optional)
- [Enterprise](https://design.infor.com/components/components/wizard/enterprise/)
- [Web Components](https://design.infor.com/components/components/wizard/web-components/) - Guides users through a series of steps or pages to complete a specific task.
- [Overview](https://design.infor.com/components/components/tooltip/overview/) - Anatomy Content Behavior and Interaction Opening Desktop: Appears on hover (mouse) or focus (keyboard navigation) Mobile: Appears on tap Dismissal Desktop A tooltip closes when: The cursor moves away from the trigger, or Focus shifts to another interactive element Mobile A tooltip closes when the user taps outside the trigger or tooltip area Placement A
- [Overview](https://design.infor.com/components/components/toolbar/overview/) - Anatomy Menu button (optional) Title (optional) Toolbar section Search (optional) Action button Overflow button (optional) Behavior and Interaction Pinning With pinning, the user can choose which action buttons they want to appear in the toolbar for quick access. By clicking the pin icon in the overflow menu, which appears in a dropdown, the user can
- [Overview](https://design.infor.com/components/components/toggle-button/overview/) - Anatomy Toggle State text
- [Overview](https://design.infor.com/components/components/toast/overview/) - Anatomy Title Description (optional) Hyperlink (optional) Close icon button Timer bar
- [Overview](https://design.infor.com/components/components/timepicker/overview/) - Anatomy Label Time field Timepicker trigger Time selectors Button group (optional)
- [Enterprise](https://design.infor.com/components/components/timeline/enterprise/)
- [Overview](https://design.infor.com/components/components/timeline/overview/) - Anatomy Date stamp Status indicator Title Subtitle (optional)
- [Overview](https://design.infor.com/components/components/text-area/overview/) - Anatomy Label Field Text value Character count (optional)
- [Overview](https://design.infor.com/components/components/tabs/overview/) - Anatomy Active tab Label Subtab indicator (optional) Overflow button Options Header Tabs (Default) Use at the page level for navigation among a small, fixed set of equal-length sections of content. Module Tabs Use at the application level for primary navigation between major areas. Use a single module tab on a page. Vertical Tabs Use at
- [Overview](https://design.infor.com/components/components/switch/overview/) - Anatomy Controller Label (optional)
- [Overview](https://design.infor.com/components/components/spinbox/overview/) - Anatomy Label Decrement button Numeric value Increment button
- [Overview](https://design.infor.com/components/components/skip-link/overview/) - Anatomy Container Link text
- [Overview](https://design.infor.com/components/components/separator/overview/) - Anatomy Separator line
- [Web Components](https://design.infor.com/components/components/segmented-control/web-components/)
- [Overview](https://design.infor.com/components/components/search-field/overview/) - Anatomy Label Field Search icon Text value
- [Overview](https://design.infor.com/components/components/rating/overview/) - Anatomy Selected rating Unselected rating
- [Overview](https://design.infor.com/components/components/radio/overview/) - Anatomy Radio button Label (optional)
- [Overview](https://design.infor.com/components/components/multiselect/overview/) - Anatomy Label Field Dropdown trigger List items
- [Overview](https://design.infor.com/components/components/message/overview/) - Anatomy Status icon Title Description Button group Overlay background
- [Overview](https://design.infor.com/components/components/lookup/overview/) - Anatomy Label Field Text value List trigger
- [Overview](https://design.infor.com/components/components/image/overview/) - Anatomy Rectangular container Label (optional)
- [Overview](https://design.infor.com/components/components/hyperlink/overview/) - Anatomy Hyperlink text Options Text Only (Default) No icon; text only. Text + Icon (Leading or Trailing) Use an icon before the hyperlink text (leading) or after the hyperlink text (trailing) to visually reinforce what the hyperlink is for. Examples of leading icons: “Back” and “Download” Examples of trailing icons: “Next” and “Open” Hyperlinks with
- [Overview](https://design.infor.com/components/components/home-page/overview/) - Anatomy Header Widgets
- [Overview](https://design.infor.com/components/components/header/overview/) - Anatomy Header with Menu Button Menu button Title Subtitle (optional) Actions (optional) Header with Back Button Back button Title Subtitle (optional) Actions (optional) Options Sizes The header has 2 heights: Default Height: 60 pixels (px) Recommended for most layouts Compact Height: 48 px Use when vertical space is limited
- [Overview](https://design.infor.com/components/components/font-picker/overview/) - Anatomy Menu button Popup menu
- [Overview](https://design.infor.com/components/components/file-upload-advanced/overview/) - Anatomy Drop zone Icon Upload link
- [Overview](https://design.infor.com/components/components/file-upload/overview/) - Anatomy Label Field Text value Upload dialog trigger
- [Enterprise](https://design.infor.com/components/components/field-filter/enterprise/)
- [Overview](https://design.infor.com/components/components/field-filter/overview/) - Anatomy Label Filter Field Trailing icon (optional)
- [Overview](https://design.infor.com/components/components/expandable-area/overview/) - Anatomy Title Content area Expander
- [Overview](https://design.infor.com/components/components/empty-message/overview/) - Anatomy Empty state icon Title Description (optional) Button (optional)
- [Overview](https://design.infor.com/components/components/editor-rich-text/overview/) - Anatomy Label Toolbar Field
- [Overview](https://design.infor.com/components/components/color-picker/overview/) - Anatomy Label Color preview Popup trigger Color palette selection
- [Overview](https://design.infor.com/components/components/counts/overview/) - Anatomy Number Label
- [Overview](https://design.infor.com/components/components/alerts/overview/) - Anatomy Status icon Label
- [Overview](https://design.infor.com/components/components/card/overview/) - Anatomy Header Body Container
- [Overview](https://design.infor.com/components/components/circle-pager/overview/) - Anatomy Previous item icon Current item Other items Next item icon
- [Overview](https://design.infor.com/components/components/datepicker/overview/) - Anatomy Label Date field Calendar trigger Calendar navigation controls Calendar body Button group
- [Web Components](https://design.infor.com/components/changelogs/web-components/) - Latest features and fixes for Infor web components.
- [Enterprise Components](https://design.infor.com/components/changelogs/enterprise-components/) - Latest features and fixes for enterprise components.
- [Patterns](https://design.infor.com/patterns/)
- [GenAI Overview](https://design.infor.com/patterns/genai/genai-overview/) - Infor GenAI is a comprehensive platform designed to empower teams by integrating large language model capabilities into their applications. Recent enhancements include advanced text generation and summarization features, accessible through GenAI buttons and embedded icons within Infor applications.
- [Page Layouts](https://design.infor.com/patterns/page-layouts/)
- [GenAI](https://design.infor.com/patterns/genai/)
- [Search](https://design.infor.com/search/)
- [Enterprise](https://design.infor.com/components/components/context-menu/enterprise/)
- [Library](https://design.infor.com/components/components/icon/library/) - See below for: 1. System Icons Library, 2. System Icons Definitions, and 3. Empty State Icons. System Icons Library Browse through the list below to find the appropriate IDS system icon. See below for definitions for specific icons with universal meanings. The IDS system icons are also available in Figma. System Icons Definitions Every IDS
- [Media Gallery](https://design.infor.com/components/components/media-gallery/) - The media gallery displays a variety of multimedia content—including images, videos, and 360-degree images—and allows users to zoom in, zoom out, and expand any image for a closer look.
- [Web Components](https://design.infor.com/components/components/avatar/web-components/)
- [UX Research](https://design.infor.com/resources/ux-research/)
- [Team Picks](https://design.infor.com/resources/team-picks/) - UX resources—thought leadership, newsletters, books, podcasts, and more—recommended by our team members.
- [Guidelines](https://design.infor.com/patterns/interactions/contextual-action-panel/guidelines/) - Contextual action panels are similar to modals, but allow for more complex combinations of actions, navigation, and content.
- [Web Components](https://design.infor.com/components/components/media-gallery/web-components/)
- [Home Page](https://design.infor.com/components/components/home-page/) - Use the home page component to arrange a set of widgets in an optimal layout to support a specific user workflow.
- [Guidelines](https://design.infor.com/patterns/interactions/about/guidelines/) - The about pattern is a standardized way to display system settings.
- [Design Principles](https://design.infor.com/foundations/identity/design-principles/) - These design principles are for everyone at Infor who cares about the user experience.
- [GenAI Embedded Icons](https://design.infor.com/patterns/genai/genai-embedded-icons/) - Use these icons to indicate embedded GenAI technology capabilities, including common writing tasks like summarizing, translating, or formatting content.
- [Concept Testing](https://design.infor.com/concept-testing/) - Getting quick and early endorsements of wireframes and prototypes.
- [Active and Passive Voice](https://design.infor.com/foundations/ux-writing/active-and-passive-voice/) - How to apply active voice in your writing—and when it may be more effective to use passive voice.
- [System Icons](https://design.infor.com/foundations/iconography/system-icons/) - System icons represent common actions and objects across products.
- [Web Components](https://design.infor.com/components/components/kpi/web-components/)
- [Widget](https://design.infor.com/components/components/widget/) - A widget can address specific customer needs by providing a highly customizable space with pre-defined interactive behaviors, allowing the user to get a snapshot of a desirable data set.
- [Lookup](https://design.infor.com/components/components/lookup/) - Lookup is a modal associated with finding, retrieving, or selecting data from a database or list.
- [Masthead](https://design.infor.com/components/components/masthead/) - The masthead is a top-level toolbar with navigable links to useful applications or pages.
- [Menu](https://design.infor.com/components/components/menu/) - A menu presents a list of items that the user can select to trigger an action.
- [Menu Button](https://design.infor.com/components/components/menu-button/) - An extension of the standard button component, the menu button is linked to a popup menu component and can be used to trigger multiple different actions.
- [Loading Indicator](https://design.infor.com/components/components/loading-indicator/) - The loading indicator signifies the status of a system process.
- [Listview](https://design.infor.com/components/components/listview/) - The listview component displays a set of related data objects and their attributes in a list format.
- [List Builder](https://design.infor.com/components/components/list-builder/) - With the list builder, users can add, remove, delete, and sort items in a list.
- [Icon](https://design.infor.com/components/components/icon/) - An icon is a visual symbol that represents an object, action, or concept, designed for quick recognition and easy interaction.
- [Fieldset](https://design.infor.com/components/components/fieldset/) - A fieldset is a group of related input elements in a form.
- [File Upload](https://design.infor.com/components/components/file-upload/) - With file upload, users can upload files via a selection dialog.
- [File Upload (Advanced)](https://design.infor.com/components/components/file-upload-advanced/) - With file upload (advanced), users can upload files via drag and drop or a selection dialog.
- [Hierarchy](https://design.infor.com/components/components/hierarchy/) - The hierarchy component visually represents hierarchical structures and relationships in a tree-like format.
- [Font Picker](https://design.infor.com/components/components/font-picker/) - The font picker shows the font styles or sizes that users can select for text within an application.
- [Dropdown](https://design.infor.com/components/components/dropdown/) - The dropdown is an input for selecting items from a collapsible list of options.
- [Editor (Rich Text)](https://design.infor.com/components/components/editor-rich-text/) - The editor component allows users to create and edit content in a visual format, where the appearance during editing closely matches the final output.
- [Expandable Area](https://design.infor.com/components/components/expandable-area/) - The expandable area shows and hides content to provide the user with a manageable amount of information.
- [Field Filter](https://design.infor.com/components/components/field-filter/) - The field filter is an input field with a filter operator popup menu.
- [Drawer](https://design.infor.com/components/components/drawer/) - The drawer creates a fixed panel on the edge of the browser viewport that can be used for roll-out navigation or actions, such as those present on application menus or action sheets.
- [Counts](https://design.infor.com/components/components/counts/) - Counts are distinctive elements that highlight important numbers or metrics.
- [Data Grid](https://design.infor.com/components/components/data-grid/) - A data grid is an interactive, tabular interface for displaying, organizing, and managing structured data with features like sorting, filtering, and editing.
- [Datepicker](https://design.infor.com/components/components/datepicker/) - The datepicker lets users select dates or date ranges from a visual calendar interface, simplifying date input tasks for forms and applications.
- [Circle Pager](https://design.infor.com/components/components/circle-pager/) - A pagination variant that supports mobile devices.
- [Color Picker](https://design.infor.com/components/components/color-picker/) - The color picker is an input or dropdown form element that enables users to select a color by entering a value directly or choosing from a swatch gallery.
- [Button](https://design.infor.com/components/components/button/) - A button is an interactive component for users to trigger an action or navigate within an application, providing a clear call to action that enhances task completion and flow.
- [Calendar](https://design.infor.com/components/components/calendar/) - The calendar displays information by month, week, or day.
- [Card](https://design.infor.com/components/components/card/) - A card shows skimmable information and actions about a single item.
- [Alerts](https://design.infor.com/components/components/alerts/) - An alert is a special icon that indicates a status or error, often used as part of a message with accompanying text.
- [Breadcrumb](https://design.infor.com/components/components/breadcrumb/) - A breadcrumb shows the user’s current location within the navigational hierarchy, represented by a trail of links at the top of the page.
- [Block Grid](https://design.infor.com/components/components/block-grid/) - The block grid displays data as selectable blocks within a simple grid.
- [Action Sheet](https://design.infor.com/components/components/action-sheet/) - The action sheet displays a mobile-friendly view of a menu, which appears to roll out from the bottom of the viewport and can be selected by touch.
- [Tree](https://design.infor.com/components/components/tree/) - A tree is a hierarchical structure used to organize and present data in a parent-child relationship.
- [Week / Day View](https://design.infor.com/components/components/week-day-view/)
- [Toolbar (Flex)](https://design.infor.com/components/components/toolbar-flex/)
- [Toolbar Search Field](https://design.infor.com/components/components/toolbar-search-field/)
- [Toast](https://design.infor.com/components/components/toast/) - A toast is a temporary notification that provides feedback about user actions.
- [Toggle Button](https://design.infor.com/components/components/toggle-button/) - The toggle button is an extension of the button component, with a toggling feature and a pressed state.
- [Timeline](https://design.infor.com/components/components/timeline/) - The timeline visually outlines a sequence of process steps, highlighting the current stage and progress to guide users through a linear workflow.
- [Timepicker](https://design.infor.com/components/components/timepicker/) - The timepicker component lets users select a specific time.
- [Text Area](https://design.infor.com/components/components/text-area/) - A text area is an input for multiple-line and long-text entries.
- [Switch](https://design.infor.com/components/components/switch/) - Switches are used for toggling between two binary states.
- [Spinbox](https://design.infor.com/components/components/spinbox/) - A spinbox is an input for entering a quantity in a set interval.
- [Swaplist](https://design.infor.com/components/components/swaplist/) - A swaplist lets users easily move objects between 2 or more lists.
- [Skip Link](https://design.infor.com/components/components/skip-link/) - A skip link helps keyboard users bypass recurring page navigation.
- [Slider](https://design.infor.com/components/components/slider/) - Sliders allow users to make selections from a range of values.
- [Separator](https://design.infor.com/components/components/separator/) - A separator visually divides sections of content on a page.
- [Radio](https://design.infor.com/components/components/radio/) - A radio is an input for users to choose a single item from a group of mutually exclusive options.
- [Rating](https://design.infor.com/components/components/rating/) - The rating component is for displaying or selecting a rating.
- [Search Field](https://design.infor.com/components/components/search-field/) - The search field component allows users to search for specific content by entering text into the input field.
- [Pager](https://design.infor.com/components/components/pager/) - The pager component provides an interface for browsing paginated data.
- [Popup](https://design.infor.com/components/components/popup/) - Popups are containers that float on top of all other elements on a page, displaying additional information and actions on demand.
- [Month View](https://design.infor.com/components/components/month-view/)
- [Multiselect](https://design.infor.com/components/components/multiselect/) - Multiselect is an adaptable component, located inside of a dropdown, that allows users to choose multiple selections from a list.
- [Message](https://design.infor.com/components/components/message/) - A message communicates important information to the user.
- [Locale](https://design.infor.com/components/utilities/locale/)
- [Changelog](https://design.infor.com/foundations/design-tokens/changelog/) - See the latest updates to design tokens.
- [UX Research Enablement](https://design.infor.com/resources/ux-research/ux-research-enablement/) - Videos, presentations, and resources about UX research.‎
- [Customizing System Icons](https://design.infor.com/foundations/iconography/custom-icons/) - How to design system icons that are consistent with IDS.
- [Web Components](https://design.infor.com/components/utilities/swipe-action/web-components/)
- [Enterprise](https://design.infor.com/components/utilities/swipe-action/enterprise/)
- [Enterprise](https://design.infor.com/components/components/font-picker/enterprise/)
- [Web Components](https://design.infor.com/components/components/checkbox/web-components/)
- [Token List](https://design.infor.com/foundations/design-tokens/token-list/) - View all tokens that style enterprise-wc components. Expand rows to reveal additional alias tokens. Open list in full page
- [Semantic Tokens](https://design.infor.com/foundations/design-tokens/semantic-tokens/) - Color Data Visualization Data visualization tokens are styles representing standard color palettes for charts. Font Opacity
- [Feedback and Requests](https://design.infor.com/resources/feedback-requests/) - How to ask questions, share suggestions for enhancements, and report bugs.
- [Web Components](https://design.infor.com/components/components/module-nav/web-components/)
- [Web Components](https://design.infor.com/components/utilities/global/web-components/)
- [Enterprise](https://design.infor.com/components/components/accordion/enterprise/)
- [Web Components](https://design.infor.com/components/components/widget/web-components/)
- [Develop](https://design.infor.com/get-started/develop/) - What developers need to get started and where to find more information.
- [Web Components](https://design.infor.com/components/components/accordion/web-components/)
- [Web Components](https://design.infor.com/components/charts/axis-chart/web-components/)
- [Web Components](https://design.infor.com/components/charts/bar-chart/web-components/)
- [Web Components](https://design.infor.com/components/components/lookup/web-components/)
- [Web Components](https://design.infor.com/components/utilities/locale/web-components/)
- [Web Components](https://design.infor.com/components/components/popup/web-components/)
- [Web Components](https://design.infor.com/components/components/list-builder/web-components/)
- [Web Components](https://design.infor.com/components/components/timepicker/web-components/)
- [Web Components](https://design.infor.com/components/components/tree/web-components/) - Lets users expand and collapse items within a structure of visually nested nodes.
- [Web Components](https://design.infor.com/components/components/file-upload-advanced/web-components/)
- [Web Components](https://design.infor.com/components/utilities/trigger-field/web-components/)
- [Web Components](https://design.infor.com/components/charts/treemap/web-components/)
- [Web Components](https://design.infor.com/components/components/toggle-button/web-components/)
- [Web Components](https://design.infor.com/components/components/toolbar/web-components/) - A set of actions that apply actions to a page or section.
- [Web Components](https://design.infor.com/components/components/tooltip/web-components/) - Provides secondary details about an element on hover.
- [Web Components](https://design.infor.com/components/components/toast/web-components/) - A temporary notification that provides feedback on user actions.
- [Web Components](https://design.infor.com/components/components/text-area/web-components/) - An input that allows multiple lines of text for longer entries.
- [Web Components](https://design.infor.com/components/components/tag/web-components/) - Associates attributes or statuses with another UI element.
- [Web Components](https://design.infor.com/components/components/tabs/web-components/) - Displays page content in different layouts or contexts.
- [Web Components](https://design.infor.com/components/components/switch/web-components/) - Lets users toggle between two binary states.
- [Web Components](https://design.infor.com/components/utilities/swappable/web-components/)
- [Web Components](https://design.infor.com/components/components/swaplist/web-components/)
- [Web Components](https://design.infor.com/components/charts/step-chart/web-components/)
- [Web Components](https://design.infor.com/components/utilities/splitter/web-components/)
- [Web Components](https://design.infor.com/components/components/spinbox/web-components/)
- [Web Components](https://design.infor.com/components/components/menu-button/web-components/)
- [Web Components](https://design.infor.com/components/utilities/mask/web-components/)
- [Web Components](https://design.infor.com/components/components/slider/web-components/) - An input that lets users set a value from a range of options.
- [Web Components](https://design.infor.com/components/components/separator/web-components/) - Visually divides sections of content on a page.
- [Web Components](https://design.infor.com/components/components/search-field/web-components/)
- [Web Components](https://design.infor.com/components/components/circle-pager/web-components/)
- [Web Components](https://design.infor.com/components/components/rating/web-components/)
- [Web Components](https://design.infor.com/components/components/process-indicator/web-components/)
- [Web Components](https://design.infor.com/components/components/progress-indicator/web-components/) - Conveys a system status or how long a process will take.
- [Web Components](https://design.infor.com/components/charts/progress-chart/web-components/)
- [Web Components](https://design.infor.com/components/components/radio/web-components/)
- [Web Components](https://design.infor.com/components/components/popup-menu/web-components/)
- [Web Components](https://design.infor.com/components/components/pager/web-components/)
- [Web Components](https://design.infor.com/components/components/notification-banner/web-components/)
- [Web Components](https://design.infor.com/components/components/multiselect/web-components/)
- [Web Components](https://design.infor.com/components/components/month-view/month-view/)
- [Web Components](https://design.infor.com/components/components/modal/web-components/)
- [Web Components](https://design.infor.com/components/components/message/web-components/)
- [Web Components](https://design.infor.com/components/components/menu/web-components/)
- [Web Components](https://design.infor.com/components/components/loading-indicator/web-components/)
- [Web Components](https://design.infor.com/components/charts/line-chart/web-components/)
- [Web Components](https://design.infor.com/components/components/masthead/web-components/)
- [Web Components](https://design.infor.com/components/components/listview/web-components/)
- [Web Components](https://design.infor.com/components/utilities/list-box/web-components/)
- [Web Components](https://design.infor.com/components/components/home-page/web-components/)
- [Web Components](https://design.infor.com/components/charts/area/web-components/)
- [Web Components](https://design.infor.com/components/utilities/visibility/web-components/)
- [Web Components](https://design.infor.com/components/utilities/layout-grid/web-components/)
- [Web Components](https://design.infor.com/components/utilities/layout-flex/web-components/)
- [Web Components](https://design.infor.com/components/components/text-input/web-components/)
- [Web Components](https://design.infor.com/components/components/image/web-components/) - A wrapper that contains images and thumbnails.
- [Web Components](https://design.infor.com/components/components/icon/web-components/) - A graphical representation of an object, action, or concept.
- [Web Components](https://design.infor.com/components/components/hyperlink/web-components/)
- [Web Components](https://design.infor.com/components/components/hierarchy/web-components/)
- [Web Components](https://design.infor.com/components/components/expandable-area/web-components/) - A section of content that can be expanded or collapsed to provide the right amount of information.
- [Web Components](https://design.infor.com/components/components/header/web-components/)
- [Web Components](https://design.infor.com/components/components/fieldset/web-components/) - Groups related input elements together in a form.
- [Web Components](https://design.infor.com/components/components/datepicker/web-components/)
- [Web Components](https://design.infor.com/components/components/data-grid/web-components/) - Presents large amounts of similar sets of data, giving the ability to compare, organize, and view information.
- [Web Components](https://design.infor.com/components/utilities/data-label/web-components/)
- [Web Components](https://design.infor.com/components/components/empty-message/web-components/)
- [Web Components](https://design.infor.com/components/components/editor-rich-text/web-components/)
- [Web Components](https://design.infor.com/components/utilities/drag/web-components/)
- [Web Components](https://design.infor.com/components/components/drawer/web-components/) - A panel that slides from the edge of the screen to display contextual content about the page.
- [Web Components](https://design.infor.com/components/components/dropdown/web-components/)
- [Web Components](https://design.infor.com/components/components/counts/web-components/)
- [Web Components](https://design.infor.com/components/components/color-picker/web-components/)
- [Web Components](https://design.infor.com/components/components/card/web-components/)
- [Web Components](https://design.infor.com/components/components/breadcrumb/web-components/)
- [Web Components](https://design.infor.com/components/components/button/web-components/)
- [Web Components](https://design.infor.com/components/components/calendar/web-components/)
- [Web Components](https://design.infor.com/components/components/box/web-components/)
- [Web Components](https://design.infor.com/components/components/block-grid/web-components/)
- [Web Components](https://design.infor.com/components/components/badge/web-components/)
- [Web Components](https://design.infor.com/components/components/alerts/web-components/)
- [Web Components](https://design.infor.com/components/utilities/text/web-components/)
- [Enterprise](https://design.infor.com/components/components/radio/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/treemap/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/step-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/line-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/bar-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/area/enterprise/)
- [Enterprise](https://design.infor.com/components/components/application-menu/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/visibility/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/virtual-scroller/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/splitter/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/personalize/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/mask/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/locale/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/drag/enterprise/)
- [Enterprise](https://design.infor.com/components/components/week-day-view/enterprise/)
- [Enterprise](https://design.infor.com/components/components/tree/enterprise/)
- [Enterprise](https://design.infor.com/components/components/tooltip/enterprise/)
- [Enterprise](https://design.infor.com/components/components/toolbar/enterprise/)
- [Enterprise](https://design.infor.com/components/components/toast/enterprise/)
- [Enterprise](https://design.infor.com/components/components/timepicker/enterprise/)
- [Enterprise](https://design.infor.com/components/components/text-area/enterprise/)
- [Enterprise](https://design.infor.com/components/components/tag/enterprise/)
- [Enterprise](https://design.infor.com/components/components/tabs/enterprise/)
- [Enterprise](https://design.infor.com/components/components/switch/enterprise/)
- [Enterprise](https://design.infor.com/components/components/swaplist/enterprise/)
- [Enterprise](https://design.infor.com/components/components/spinbox/enterprise/)
- [Enterprise](https://design.infor.com/components/components/slider/enterprise/)
- [Enterprise](https://design.infor.com/components/components/search-field/enterprise/)
- [Enterprise](https://design.infor.com/components/components/rating/enterprise/)
- [Enterprise](https://design.infor.com/components/components/progress-indicator/enterprise/)
- [Enterprise](https://design.infor.com/components/components/process-indicator/enterprise/)
- [Enterprise](https://design.infor.com/components/components/popup-menu/enterprise/)
- [Enterprise](https://design.infor.com/components/components/pager/enterprise/)
- [Enterprise](https://design.infor.com/components/components/notification-banner/enterprise/)
- [Enterprise](https://design.infor.com/components/components/multiselect/enterprise/)
- [Enterprise](https://design.infor.com/components/components/month-view/enterprise/)
- [Enterprise](https://design.infor.com/components/components/modal/enterprise/)
- [Enterprise](https://design.infor.com/components/components/message/enterprise/)
- [Enterprise](https://design.infor.com/components/components/masthead/enterprise/)
- [Enterprise](https://design.infor.com/components/components/lookup/enterprise/)
- [Enterprise](https://design.infor.com/components/components/listview/enterprise/)
- [Enterprise](https://design.infor.com/components/components/list-builder/enterprise/)
- [Enterprise](https://design.infor.com/components/components/image/enterprise/)
- [Enterprise](https://design.infor.com/components/components/icon/enterprise/)
- [Enterprise](https://design.infor.com/components/components/hyperlink/enterprise/)
- [Enterprise](https://design.infor.com/components/components/home-page/enterprise/)
- [Enterprise](https://design.infor.com/components/components/hierarchy/enterprise/)
- [Enterprise](https://design.infor.com/components/components/header/enterprise/)
- [Enterprise](https://design.infor.com/components/components/file-upload-advanced/enterprise/)
- [Enterprise](https://design.infor.com/components/components/file-upload/enterprise/)
- [Enterprise](https://design.infor.com/components/components/fieldset/enterprise/)
- [Enterprise](https://design.infor.com/components/components/expandable-area/enterprise/)
- [Enterprise](https://design.infor.com/components/components/empty-message/enterprise/)
- [Enterprise](https://design.infor.com/components/components/editor-rich-text/enterprise/)
- [Enterprise](https://design.infor.com/components/components/dropdown/enterprise/)
- [Enterprise](https://design.infor.com/components/components/counts/enterprise/)
- [Enterprise](https://design.infor.com/components/components/datepicker/enterprise/)
- [Enterprise](https://design.infor.com/components/components/data-grid/enterprise/)
- [Enterprise](https://design.infor.com/components/components/color-picker/enterprise/)
- [Enterprise](https://design.infor.com/components/components/circle-pager/enterprise/)
- [Enterprise](https://design.infor.com/components/components/checkbox/enterprise/)
- [Enterprise](https://design.infor.com/components/components/card/enterprise/)
- [Enterprise](https://design.infor.com/components/components/calendar/enterprise/)
- [Enterprise](https://design.infor.com/components/components/button/enterprise/)
- [Enterprise](https://design.infor.com/components/components/breadcrumb/enterprise/)
- [Enterprise](https://design.infor.com/components/components/badge/enterprise/)
- [Enterprise](https://design.infor.com/components/components/alerts/enterprise/)
- [Enterprise](https://design.infor.com/components/components/action-sheet/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/scatter-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/arrange/enterprise/)
- [Enterprise](https://design.infor.com/components/components/tabs-module/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/targeted-achievement-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/sparkline-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/radar-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/positive-negative-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/completion-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/column-chart-stacked/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/column-chart-grouped/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/column-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/bullet-chart/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/bubble/enterprise/)
- [Enterprise](https://design.infor.com/components/charts/bar-chart-stacked/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/validation/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/trackdirty/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/place/enterprise/)
- [Enterprise](https://design.infor.com/components/utilities/list-filter/enterprise/)
- [Enterprise](https://design.infor.com/components/components/toolbar-search-field/enterprise/)
- [Enterprise](https://design.infor.com/components/components/tabs-vertical/enterprise/)
- [Enterprise](https://design.infor.com/components/components/tabs-multi/enterprise/)
- [Enterprise](https://design.infor.com/components/components/tabs-header/enterprise/)
- [Enterprise](https://design.infor.com/components/components/link-widgets/enterprise/) - Text that navigates users to a different page or section.
- [Enterprise](https://design.infor.com/components/utilities/autocomplete/enterprise/)
- [Changelogs](https://design.infor.com/components/changelogs/) - # The latest features and fixes for the Infor Design System component libraries.
- [Targeted Achievement Chart](https://design.infor.com/components/charts/targeted-achievement-chart/)
- [Step Chart](https://design.infor.com/components/charts/step-chart/)
- [Positive/Negative Chart](https://design.infor.com/components/charts/positive-negative-chart/)
- [Radar Chart](https://design.infor.com/components/charts/radar-chart/)
- [Sparkline Chart](https://design.infor.com/components/charts/sparkline-chart/)
- [Progress Chart](https://design.infor.com/components/charts/progress-chart/)
- [Scatter Chart](https://design.infor.com/components/charts/scatter-chart/)
- [Column Chart](https://design.infor.com/components/charts/column-chart/)
- [Column Chart (Grouped)](https://design.infor.com/components/charts/column-chart-grouped/)
- [Column Chart (Stacked)](https://design.infor.com/components/charts/column-chart-stacked/)
- [Completion Chart](https://design.infor.com/components/charts/completion-chart/)
- [Bubble Chart](https://design.infor.com/components/charts/bubble/)
- [Bullet Chart](https://design.infor.com/components/charts/bullet-chart/)
- [Axis Chart](https://design.infor.com/components/charts/axis-chart/)
- [Charts](https://design.infor.com/components/charts/)
- [Components](https://design.infor.com/components/)
- [Resources](https://design.infor.com/resources/)
- [Terms & Conditions](https://design.infor.com/terms-conditions/) - THE INFORMATION PROVIDED HEREIN IS PROVIDED FOR INFORMATIONAL PURPOSES ONLY AND CONTAINS SUGGESTIONS AND RECOMMENDATIONS REGARDING THE DEVELOPMENT OF CERTAIN INFOR PRODUCTS. THIS INFORMATION MAY INCLUDE INACCURACIES, ERRORS AND DEFECTS AND IS PROVIDED AS-IS AND AS-AVAILABLE WITHOUT WARRANTY OF ANY KIND. ALL WARRANTIES, INCLUDING MERCHANTABILITY, QUALITY, INTEGRATION, ACCURACY, WORKMANLIKE EFFORT, FITNESS FOR A PARTICULAR PURPOSE,
- [Web Components](https://design.infor.com/web-components/) - Documentation for Web Components are now found in Components.
- [What's New: Documentation](https://design.infor.com/whats-new-documentation/) - Find the latest updates to guidelines and usage documentation.
- [Foundations](https://design.infor.com/foundations/)
- [Get Started](https://design.infor.com/get-started/)
- [Components](https://design.infor.com/components/components/)
- [Utilities](https://design.infor.com/components/utilities/)
- [Iconography](https://design.infor.com/foundations/iconography/)
- [UX Writing](https://design.infor.com/foundations/ux-writing/)
- [Identity](https://design.infor.com/foundations/identity/)
- [Enterprise](https://design.infor.com/components/components/block-grid/enterprise/)
- [Enterprise](https://design.infor.com/components/components/text-input/enterprise/)
- [Enterprise](https://design.infor.com/components/components/module-nav/enterprise/)
- [Web Components](https://design.infor.com/components/components/file-upload/web-components/)
- [Web Components](https://design.infor.com/components/utilities/virtual-scroller/web-components/)
- [Web Components](https://design.infor.com/components/utilities/personalize/web-components/)

## Categories

- [Uncategorized](https://design.infor.com/category/uncategorized/)
- [What's New](https://design.infor.com/category/whats-new/)
- [UX Tips](https://design.infor.com/category/ux-tips/)