SAP/fundamental-styles

component-guidance-actions

Fiori guidelines for action components Button, Product Switch (App Launcher), User Menu, Scrollbar

component-guidance-navigation

Fiori guidelines for navigation components such as Breadcrumb, Menu, Link, Shellbar, Vertical Navigation, etc

component-docs

Browse fundamental-styles component documentation with complete HTML examples from 140+ auto-generated markdown files. Use this when the user asks about component examples, modifiers, variants, HTML structure, or wants to see working code for any…

accessibility-guide

Accessibility guidelines for writing component examples in fundamental-styles with proper ARIA, semantic HTML, and WCAG compliance

review-pr

Review a pull request in fundamental-styles against SCSS coding standards, accessibility guidelines, BEM conventions, and project patterns. Use when the user says "review pr", "review pull request", "check pr", or provides a PR number to review.

scss-style-guide

SCSS/CSS coding standards and patterns for fundamental-styles project

bem-naming

BEM (Block Element Modifier) methodology and naming conventions used in fundamental-styles with real examples

component-composition

How to combine fundamental-styles components correctly - required wrappers, nesting rules, and common composition patterns

component-guidance-data

Fiori guidelines for data display components such as Table, List, Tree, Avatar, Calendar, Icons, etc

component-guidance-feedback

Fiori guidelines for feedback components such as Message Strip, Notification, Dialog, Progress Indicator, etc

component-guidance-forms

Fiori guidelines for form controls and input components such as Checkbox, Input, Select, Textarea, Date Picker, etc

component-guidance-layout

Fiori guidelines for layout structures such as Card, Panel, Dynamic Page, Flexible Column Layout, etc

content-density

Guide to cozy, compact, and condensed modes - when to use each density, how to apply them, and device-specific recommendations

layout-patterns

Common UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more