Skip to content

docs(uxc-integration): add overview description #12075

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

docs(uxc-integration): add overview description #12075

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions packages/website/docs/components/patterns/UXC Integration.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,23 @@ sidebar_class_name: newComponentBadge
import Basic from "../../_samples/patterns/UXCIntegration/Basic/Basic.md";

### Overview

This code sample demonstrates full adherence to the UXC Product Consistency standards currently available within SAP. It serves as a comprehensive reference implementation, showcasing the integration of all mandatory and some optional UI elements and interaction patterns required for a consistent user experience across SAP products.

**Key features illustrated in this example include:**

- **Side Navigation**: An organized layout presenting a clear hierarchical structure.
- **Shell Bar**: Incorporates all required elements, such as:
- Side Navigation access
- Branding element
- Shell action help
- User profile with access to the user menu
- Optional components like notifications or settings
- **Shell Search**: Provides search functionality fully aligned with SAP's usability guidelines.
- **User Settings**: Offers personalization options for users to tailor their experience, such as theming and language preferences.
- **Notification Experience**: Delivers real-time alerts and updates, complete with badge indicators and intuitive interaction patterns.

This example is ideal for developers and designers looking to align their applications with SAP's UXC standards, ensuring consistency, usability, and compliance across the SAP ecosystem.

<Basic />

Loading