All Classes Interface Summary Class Summary Enum Summary
| Class |
Description |
| Accordion |
An accordion is an interactive container that expands and collapses to hide or reveal nested content.
|
| AccordionItem |
Represents an item within an accordion component.
|
| AccordionItemBody |
|
| ActionList |
An action list is a group of actions, controls, or buttons with set spacing.
|
| ActionListGroup |
|
| ActionListItem |
|
| Alert |
An alert is a notification that provides brief information to the user without blocking their workflow.
|
| AlertActionGroup |
|
| AlertDescription |
|
| AlertGroup |
An alert group stacks and positions 2 or more alerts in a live region, either in a layer over the main content of a page or
inline with the page content.
|
| AlertGroupType |
|
| Avatar |
An avatar is a visual used to represent a user.
|
| BackToTop |
The back to top component is a shortcut that allows users to quickly navigate to the top of a lengthy content page.
|
| Badge |
A badge is used to annotate other information like a label or an object name.
|
| Banner |
A banner is a 1-line, full color, full width container that can be used to communicate short snippets of information to
users.
|
| BaseComponent<E extends HTMLElement,B extends TypedBuilder<E,B>> |
|
| BaseComponentFlat<E extends HTMLElement,B extends TypedBuilder<E,B>> |
|
| BaseComponentSVG<E extends SVGElement,B extends TypedBuilder<E,B>> |
|
| Brand |
A brand is used to place a product logotype on a screen.
|
| Breadcrumb |
A breadcrumb provides page context to help users navigate more efficiently and understand where they are in the application
hierarchy.
|
| BreadcrumbItem |
|
| Button |
A button is a box area or text that communicates and triggers user actions when clicked or selected.
|
| Card |
A card is a square or rectangular container that can contain any kind of content.
|
| CardActions |
|
| CardBody |
|
| CardExpandableContent |
|
| CardFooter |
|
| CardHeader |
|
| CardSelectableActions |
|
| CardTitle |
|
| Checkbox |
A checkbox is used to select a single item or multiple items, typically to choose elements to perform an action or to reflect
a binary setting.
|
| CheckboxBody |
|
| CheckboxDescription |
|
| Chip |
A chip is used to communicate a value or a set of attribute-value pairs within workflows that involve filtering a set of
objects.
|
| ChipGroup |
|
| Closeable<E extends Element,B extends TypedBuilder<E,B>> |
|
| CodeBlock |
A code block is a component that contains 2 or more lines of read-only code.
|
| CodeBlockAction |
|
| CodeBlockActions |
|
| CodeBlockHeader |
|
| Component |
|
| ComponentDelegate<E extends HTMLElement,B extends TypedBuilder<E,B>> |
|
| ComponentType |
|
| DescriptionList |
A description list contains terms and their corresponding descriptions.
|
| DescriptionListDescription |
|
| DescriptionListGroup |
|
| DescriptionListTerm |
|
| Divider |
A divider is a horizontal or vertical line that is placed between screen elements to create visual divisions and content
groupings.
|
| DividerType |
|
| Drawer |
A drawer is a sliding panel that enters from the right edge of the viewport.
|
| DrawerCloseButton |
|
| DrawerColor |
|
| DrawerContent |
The main content in a Drawer component. |
| DrawerContentBody |
|
| DrawerPanel |
The sliding panel in a Drawer component. |
| DrawerPanelBody |
|
| DrawerPanelHead |
|
| DrawerPanelWidth |
|
| DrawerSection |
|
| Dropdown |
A dropdown presents a menu of actions or links in a constrained space that will trigger a process or navigate to a new
location.
|
| DropdownMenu |
|
| EmptyState |
An empty state is a screen that is not yet populated with data or information.
|
| EmptyStateActions |
|
| EmptyStateBody |
|
| EmptyStateFooter |
|
| EmptyStateHeader |
|
| Expandable<E extends Element,B extends TypedBuilder<E,B>> |
Contains methods and default implementations for components that are expandable.
|
| ExpandableNavigationGroup |
|
| ExpandableSection |
An expandable section component is used to support progressive disclosure in a form or page by hiding additional content when
you don't want it to be shown by default.
|
| ExpandableSectionContent |
|
| ExpandableSectionToggle |
|
| ExpandableSectionToggleText |
|
| Form |
A form is a group of elements used to collect information from a user in a variety of contexts including in a modal, in a
wizard, or on a page.
|
| FormActionGroup |
|
| FormAlert |
|
| FormControl<E extends HTMLElement,B extends BaseComponent<E,B>> |
|
| FormFieldGroup |
|
| FormFieldGroupBody |
|
| FormFieldGroupHeader |
|
| FormGroup |
|
| FormGroupControl |
|
| FormGroupLabel |
|
| FormGroupRole |
|
| FormSection |
|
| FormSelect |
A form select embeds browser native select lists into a form.
|
| FormSelectOption |
|
| FormSelectOptionGroup |
|
| HasValue<T> |
|
| HasValues<T> |
|
| HelperText |
Helper text is an on-screen field guideline that helps provide context regarding field inputs.
|
| HelperTextItem |
|
| Hint |
A hint is in-app messaging that provides a one-step reminder, explanation, or call to action for a page or modal.
|
| HintActions |
|
| HintBody |
|
| HintFooter |
|
| HintTitle |
|
| Icon |
An icon component is a container that allows for icons of varying dimensions, as well as spinners, to seamlessly replace each
other without shifting surrounding content.
|
| IconPosition |
|
| InputGroup |
An input group groups multiple related controls or inputs together, so they appear as one control.
|
| InputGroupItem |
|
| InputGroupText |
|
| JumpLinks |
Jump links allow users to navigate to sections within a page.
|
| JumpLinksItem |
|
| JumpLinksList |
|
| Label |
The label component allows users to add specific element captions for user clarity and convenience.
|
| LabelEditCancelHandler |
|
| LabelEditCompleteHandler |
|
| LabelGroup |
|
| List |
A list component embeds a formatted list (bulleted or numbered list) into page content.
|
| ListItem |
|
| Masthead |
A masthead contains global properties such as logotype, navigation and settings in an organized fashion, and it is accessible
from all parts of the application.
|
| MastheadBrand |
|
| MastheadContent |
Container for the content of a Masthead component. |
| MastheadMain |
Container for the main area of a Masthead component. |
| MastheadToggle |
Container for the toggle of a Masthead component. |
| MeasureLocation |
|
| Menu |
A menu is a list of options or actions that users can choose from.
|
| MenuActionHandler |
|
| MenuContent |
|
| MenuFooter |
|
| MenuGroup |
|
| MenuHeader |
|
| MenuItem |
|
| MenuItemAction |
|
| MenuItemType |
|
| MenuList |
|
| MenuSearch |
|
| MenuSearchInput |
|
| MenuToggle |
The menu toggle component pairs with the menu OR the panel component to create more customizable dropdown and select
implementations.
|
| MenuToggleAction |
|
| MenuToggleCheckbox |
|
| MenuToggleType |
|
| MenuType |
|
| Navigation |
A navigation organizes an application's structure and content, making it easy to find information and accomplish tasks.
|
| NavigationGroup |
|
| NavigationItem |
|
| NavigationLinkText |
|
| NavigationType |
|
| NavigationType.Horizontal |
|
| NavigationType.Vertical |
|
| Ouia |
Support for Open UI Automation.
|
| Page |
The page component is used to define the basic layout of a page with either vertical or horizontal navigation.
|
| PageMain |
Container for the main page area.
|
| PageMainBody |
|
| PageMainBreadcrumb |
|
| PageMainGroup |
|
| PageMainNavigation |
|
| PageMainSection |
|
| PageMainTabs |
|
| PageMainWizard |
|
| PageSection<E extends HTMLElement,P extends PageSection<E,P>> |
|
| PageSectionBuilder<E extends HTMLElement,P extends PageSectionBuilder<E,P>> |
|
| PageSidebar |
Container for the page sidebar.
|
| PageSidebarBody |
|
| Panel |
The panel component is a container that supports flexible content layouts.
|
| PanelFooter |
|
| PanelHeader |
|
| PanelMain |
|
| Popover |
A popover is in-app messaging that provides more information on specific product areas.
|
| PopoverBody |
|
| PopoverFooter |
|
| PopoverHeader |
|
| Position |
|
| Progress |
A progress bar informs users about the completion status of an ongoing process or task.
|
| ProgressLabel |
|
| Radio |
A radio button is used to present the user with mutually exclusive choices.
|
| RadioBody |
|
| RadioDescription |
|
| SelectionMode |
|
| Severity |
|
| Shape |
|
| SimpleList |
A simple list provides a list of selectable items that can be shown within a page.
|
| SimpleListGroup |
|
| SimpleListItem |
|
| SingleSelect |
A select list enables users to select one or more items from a list.
|
| SingleSelectMenu |
SingleSelectMenu is a subclass of Menu that represents a single-select menu.
|
| Skeleton |
A skeleton is a type of loading state that allows you to expose content incrementally.
|
| SkipToContent |
A skip to content component allows screen reader and keyboard users to bypass navigation rather than tabbing through it.
|
| Slider |
A slider provides a quick and effective way for users to set and adjust a numeric value from a defined range of values.
|
| SliderActions |
|
| SliderInputPosition |
|
| SliderStep |
|
| SliderSteps |
|
| Spinner |
A spinner is used to indicate to users that an action is in progress.
|
| SubComponent<E extends HTMLElement,B extends TypedBuilder<E,B>> |
|
| SubComponentFlat<E extends HTMLElement,B extends TypedBuilder<E,B>> |
|
| Switch |
A switch toggles the state of a setting (between on and off).
|
| Tab |
|
| TabContent |
|
| TabContentBody |
|
| Tabs |
Tabs allow users to navigate between views within the same page or context.
|
| TemplateComponent |
The template component is a template for creating new components.
|
| TextArea |
A text area component is used for entering a paragraph of text that is longer than one line.
|
| TextAreaResize |
|
| TextContent |
Text and TextList components are always wrapped in TextContent and provide correct formatting to a number of standard HTML
tags.
|
| TextInput |
A text input is used to gather free-form text from a user.
|
| TextInputGroup |
A text input group is a more flexible composable version of a text input.
|
| TextInputGroupMain |
|
| TextInputGroupUtilities |
|
| TextInputType |
|
| Title |
A title component applies top and bottom margins, font-weight, font-size, and line-height to titles.
|
| ToggleGroup |
A toggle group is a group of controls that can be used to quickly switch between actions or states.
|
| ToggleGroupItem |
|
| Toolbar |
A toolbar allows a user to manage and manipulate a data set.
|
| ToolbarContent |
Container for a toolbar content.
|
| ToolbarGroup |
Container for a toolbar group.
|
| ToolbarItem |
Container for a toolbar item.
|
| Tooltip |
A tooltip is in-app messaging used to identify elements on a page with short, clarifying text.
|
| TooltipToggle |
|
| TriggerAria |
|
| Truncate |
A truncate is a tool used to shorten numeric and non-numeric character strings, typically when the string overflows its
container.
|
| TruncatePosition |
|
| ValidationStatus |
|
| WithIcon<E extends Element,B extends TypedBuilder<E,B>> |
|
| WithIconAndText<E extends Element,B extends TypedBuilder<E,B>> |
|
| WithObservableValue<E extends Element,B extends TypedBuilder<E,B>,T> |
|
| WithProgress<E extends Element,B extends TypedBuilder<E,B>> |
|
| WithText<E extends Element,B extends TypedBuilder<E,B>> |
|
| Wizard |
A wizard provides a guided workflow that offers a path to complete a task, create an object or objects, or finish a series of
steps for some other outcome.
|