Skills
.Work. You
Rest

component-guidance-data

Official

Explore best practices and usage guidelines for Fiori data display components.

Software Engineering#best practices#SAP#UI guidelines#component usage#Fiori
AuthorSAP
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: component-guidance-data
Download link: https://github.com/SAP/fundamental-styles/archive/main.zip#component-guidance-data

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.