component-guidance-data

Guide Fiori UI component selection for SAP application development.

232|70|Updated May 16, 2019
One-click install
npx skills add https://github.com/SAP/fundamental-styles --skill component-guidance-data
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: component-guidance-data
Source: https://github.com/SAP/fundamental-styles/tree/main/skills/component-guidance-data
Command: npx skills add https://github.com/SAP/fundamental-styles --skill component-guidance-data

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill unit provides clear guidelines on the usage, best practices, and alternatives for Fiori data display components, aiding developers in selecting the appropriate components for their SAP applications.

Core Features & Use Cases

  • Component Selection Guide: Helps identify the right component for specific use cases, like data tables, icons, calendars, etc.
  • Best Practices: Offers insights on best design patterns, UI consistency, and performance.
  • Use Case: For example, developers looking to integrate user identification can choose between 'fd-avatar' and 'fd-avatar-group' after understanding their distinct functionalities.

Quick Start

Open the skill and browse through the available components and guidelines.

Frequently Asked Questions about component-guidance-data

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose the right Fiori UI components for displaying data in SAP applications?

To choose the right Fiori UI components for data display, evaluate your specific use case for representing information, such as selecting data tables or calendars, and apply established UI guidelines to ensure proper component usage.

What is the difference between fd-avatar and fd-avatar-group for user identification?

The difference between fd-avatar and fd-avatar-group lies in their functionality for user identification. You should choose fd-avatar for individual user representation and fd-avatar-group when displaying multiple users collectively.

What are the SAP Fiori best practices for UI consistency and performance?

SAP Fiori best practices for UI consistency and performance involve following established design patterns and usage guidelines for data display components to ensure appropriate selection and optimal rendering in your applications.

When should I use specific Fiori data display components like tables and calendars?

You should use specific Fiori data display components like tables and calendars when your application requires structured information representation. Selecting the appropriate component ensures clear data display and identification based on the use case.