component-guidance-actions

Guide Fiori action component selection and UI design best practices.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides in-depth guidance on Fiori action components, helping developers make informed decisions about UI design and component usage.

Core Features & Use Cases

  • Component Best Practices: Offers detailed guidelines for using action components like Button, Product Switch, User Menu, and Scrollbar.
  • Use Case: For instance, learn when to use a Button over a link, or when a Product Switch is appropriate for navigating between products.
  • Quick Start: To learn how to use the skill, start by reading the section on Button best practices.

Quick Start

Read the section on 'Button' to understand when and how to use it effectively in your application.

Frequently Asked Questions about component-guidance-actions

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

FAQPage Schema
When should I use a Fiori Button instead of a link for UI actions?

Use a Fiori Button for primary actions requiring explicit user triggering, while links are for navigation. Fiori action component guidelines help determine the correct UI design choice based on the specific use case and interaction context.

What is the purpose of a Product Switch component in SAP Fiori?

The Product Switch component allows users to navigate between different SAP products directly within an application. Fiori best practices guide its implementation to ensure efficient UI design and seamless cross-product transitions for end users.

How do I implement a User Menu in SAP Fiori applications?

Implement a Fiori User Menu by following action component best practices for user account access and settings. The guidelines cover component selection, UI design placement, and use case scenarios to ensure efficient application integration.

Does SAP Fiori provide specific guidelines for Scrollbar usage?

Yes, SAP Fiori provides action component guidelines for Scrollbars to ensure consistent UI design. Best practices dictate when to implement scrolling behavior and how to maintain usability within SAP applications.

What are the limitations of using Fiori action components for UI design?

Fiori action component guidelines indicate limitations by defining specific use case scenarios for Buttons, Product Switches, User Menus, and Scrollbars. Using these components outside their intended scenarios violates UI design best practices and degrades user experience.