[fluent] feat: Add InfoBar and Badge component #97
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ar` component, an inline message to display app-wide status changes.It provides options to: - display a title and message - display different severities: informational, success, warning, and critical - show or hide an icon and close action button - add a custom action button or hyperlink.It supports different background colors, content colors, and icon colors based on the specified severity level.This commit also includes the `InfoBarColors` class for customising the InfoBar's color scheme and the `Severity` enum for the different severity level.
…Screen samples with the following changes:- Sets the secondary sample message to long by default. - Removes the `fillMaxWidth` modifier from the InfoBar in the secondary sample. - Removes the `fillMaxWidth` modifier from the InfoBar in the warning sample.
This commit introduces the `Badge` component, a non-intrusive UI element for displaying notifications or highlighting areas within an application.It supports different statuses (Informational, InformationalSafe, Caution, Attention, Success, Critical) and allows customization of background color and content.The `Badge` can be used with or without content, and automatically adjusts its size based on the presence of content.This commit also introduces `BadgeDefaults` object which provides default colors and icons for different badge statuses.Additionally, it refactors the `InfoBar` component to use the new `Badge` and `InfoBarSeverity` enum for better clarity and consistency.
This commit updates the `Badge` component to pass the badge's status to the `content` composable function. This change allows the content of the badge to be customized based on the badge's status, providing more flexibility in how badges are displayed.
This commit adds support for displaying badges on SideNav, TopNav and NavigationView items. The `SideNavItem`, `TopNavItem` and `MenuItem` composables now accept an optional `badge` parameter, which is a composable function that renders the badge content.This allows developers to easily add badges to navigation items to indicate notifications, updates, or other important information.
Sanlorng
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
[fluent] feat: Add InfoBar component
This commit introduces the
InfoBarcomponentan inline message to display app-wide status changes.It provides options to:InfoBarColorsclass for customising the InfoBar's color scheme and theSeverityenum for the different severity level.[fluent] feat: Add Badge component
This commit introduces the
Badgecomponent, a non-intrusive UI element for displaying notifications or highlighting areas within an application.Badgecan be used with or without content, and automatically adjusts its size based on the presence of content.This commit also introducesBadgeDefaultsobject which provides default colors and icons for different badge statuses.InfoBarcomponent to use the newBadgeandInfoBarSeverityenum for better clarity and consistency.