Package-level declarations
Contains all OUDS basic components: OudsButton, OudsLink,...
Types
Default values for OudsBadge.
An icon in an OudsBadge. This icon is non-clickable.
The size of an OudsBadge.
The status of an OudsBadge without content or with a count. This status determines the background and content colors of the badge. For a badge with icon, please use OudsIconBadgeStatus.
Represents the appearance of an OudsButton.
Default values for OudsButton.
An icon in an OudsButton. This icon is non-clickable.
A circular loading indicator displayed in an OudsButton.
An icon in an OudsFilterChip or an OudsSuggestionChip. This icon is non-clickable.
Represents the possible background colors of an OudsColoredBox.
An icon in a control item like OudsCheckboxItem or OudsRadioButtonItem. It is non-clickable and no content description is needed because a control item label is always present.
Represents the possible colors for an OudsHorizontalDivider or an OudsVerticalDivider. Each color corresponds to a specific color key token from the Design System.
Default values for an OudsHorizontalDivider or an OudsVerticalDivider.
The status of an OudsBadge with icon. This status determines the background and content colors of the badge. It also carries the optional icon to be displayed in the badge. Depending on the status, this icon can be customizable or be a status dedicated icon. For a badge without icon, please use OudsBadgeStatus. A content description should be specified at OudsBadge level through semantics Modifier.
Represents the type of arrow displayed in an OudsLink.
Contains the default values used by OUDS links.
An icon in an OudsLink. This icon is non-clickable and no content description is needed because a link label is always present.
Represents the size of an OudsLink.
Default values for OudsTag.
An icon in an OudsTag. This icon is non-clickable. No content description is needed because a tag always contains a label.
A circular progress indicator displayed in the input or tag area to indicate that tags are being loaded or processed.
Represents the size of an OUDS tag.
The status of an OudsTag. Each status is designed to convey a specific meaning and ensure clarity in communication. It determines the background and the content colors of the tag. It also carries the optional icon to be displayed in the tag: bullet or icon. Depending on the status, this icon can be customizable or be a status dedicated icon.
An helper link displayed below or in place of the helper text.
A leading icon in an OudsTextInput. This icon is non-clickable.
A circular loading indicator displayed in the text input.
A trailing icon button in an OudsTextInput. Displays an icon-only OudsButton.
Functions
The badge is a small UI element used to highlight status, notifications, or categorization within an interface. It is often displayed as a label or indicator with a distinct background color and text.
Buttons are interactive elements designed to trigger specific actions or events when tapped by a user.
Checkboxes are input controls that allow users to select one or more options from a number of choices.
Checkboxes are input controls that allow users to select one or more options from a number of choices.
Chips help people enter information, make selections, filter content, or trigger actions. Chips can show multiple interactive elements together in the same area, such as a list of selectable movie times, or a series of email contacts.
Dividers are used to visually structure an interface by clearly separating content sections. It helps to improve readability and content organization without introducing a strong hierarchy like a heading or a container would.
An input tag is a component that allows users to enter multiple values, each represented as a tag. As users type and submit values (usually by pressing enter, comma, or tab), each value is transformed into a Tag. Input tags are often used for adding labels, categories, or participants. They typically support editing, removing, and validating individual tags.
An input tag is a component that allows users to enter multiple values, each represented as a tag. As users type and submit values (usually by pressing enter, comma, or tab), each value is transformed into a Tag. Input tags are often used for adding labels, categories, or participants. They typically support editing, removing, and validating individual tags.
Links are interactive elements that allow users to navigate to a new screen, website, or a specific section within the current screen.
An OUDS link which displays an arrow before (OudsLinkArrow.Back) or after (OudsLinkArrow.Next) a label.
Radio buttons are input controls that allow users to select a single option from a set of mutually exclusive choices.
Radio buttons are input controls that allow users to select a single option from a set of mutually exclusive choices.
Chips help people enter information, make selections, filter content, or trigger actions. Chips can show multiple interactive elements together in the same area, such as a list of selectable movie times, or a series of email contacts.
Switches allow the user to toggle between two states, typically "on" and "off". It is represented as a slider that changes its position or color to indicate the current state. Switches are used to enable or disable features, options, or settings in an intuitive and visual manner.
Switches allow the user to toggle between two states, typically "on" and "off". It is represented as a slider that changes its position or color to indicate the current state. Switches are used to enable or disable features, options, or settings in an intuitive and visual manner.
A tag is a small element that shows short info like a label, keyword, or category. It helps users quickly find, group, or understand content.
A Text Input is a user interface component that allows users to enter, edit, or select single-line textual data. It's one of the most fundamental form elements used to capture user input such as names, emails, passwords, or search queries.
Checkboxes are input controls that allow users to select one or more options from a number of choices.
Checkboxes are input controls that allow users to select one or more options from a number of choices.
Dividers are used to visually structure an interface by clearly separating content sections. It helps to improve readability and content organization without introducing a strong hierarchy like a heading or a container would.