OudsLink
Link is a UI element that allows to navigate from one location to another, either within the same page or across different pages in the same resource, or to an external resource. Link's primary function is navigation and it communicates its interactive nature visually and semantically.
Note that if it is placed in an OudsColoredBox, its monochrome variant is automatically displayed. The tokens associated with this variant can be customized by overriding OudsLinkMonoTokens.
Design
| Guidelines | unified-design-system.orange.com |
| Version | 2.2.0 |
Parameters
Label describing what is being linked to.
Callback invoked when the link is clicked.
Modifier applied to the link.
Size of the link. See OudsLinkSize for available sizes.
Controls the enabled state of the link. When false, the link will not be clickable.
Samples
OudsLink(
label = "Link",
onClick = { /* Do something! */ },
)Link is a UI element that allows to navigate from one location to another, either within the same page or across different pages in the same resource, or to an external resource. Link's primary function is navigation and it communicates its interactive nature visually and semantically.
Note that if it is placed in an OudsColoredBox, its monochrome variant is automatically displayed. The tokens associated with this variant can be customized by overriding OudsLinkMonoTokens.
Design
| Guidelines | unified-design-system.orange.com |
| Version | 2.2.0 |
Parameters
Label describing what is being linked to.
Icon displayed in the link that can be used to indicate the destination or type of content being referenced.
Callback invoked when the link is clicked.
Modifier applied to the link.
Size of the link. See OudsLinkSize for available sizes.
Controls the enabled state of the link. When false, the link will not be clickable.
Samples
OudsLink(
label = "Link",
icon = OudsLinkIcon(imageVector = Icons.Filled.FavoriteBorder),
onClick = { /* Do something! */ },
)Link is a UI element that allows to navigate from one location to another, either within the same page or across different pages in the same resource, or to an external resource. Link's primary function is navigation and it communicates its interactive nature visually and semantically.
This version of the link displays a chevron before (OudsLinkChevron.Back) or after (OudsLinkChevron.Next) a label.
If it is used in an OudsColoredBox, its monochrome variant is automatically displayed. The tokens associated with this variant can be customized by overriding OudsLinkMonoTokens.
Design
| Guidelines | unified-design-system.orange.com |
| Version | 2.2.0 |
Parameters
Label describing what is being linked to.
Navigation chevron displayed in the link. See OudsLinkChevron for allowed values.
Callback invoked when the link is clicked.
Modifier applied to the link.
Size of the link. See OudsLinkSize for available sizes.
Controls the enabled state of the link. When false, the link will not be clickable.
Samples
OudsLink(
label = "Link",
chevron = OudsLinkChevron.Next,
onClick = { /* Do something! */ },
)