component-guidance-data
Component Guidance - Data Display
Components for displaying collections and structured data.
When to Use This Skill
Use this skill when:
- The user asks "Should I use [component] for [use case]?"
- The user needs to choose between similar components
- The user asks about component best practices
- The user wants to know when NOT to use a component
This skill covers: Avatar, Avatar Group, Calendar, Carousel, Feed Input, Feed List Item, Generic Tag, Generic Tile, Grid List, Icon, Illustrated Message, Info Label, List, Micro Process Flow, Object Identifier, Object List, Object Marker, Object Number, Object Status, Table, Title, Tree, Variant Management
Avatar
Description: Avatars are visual representations of users, products, or business entities, helping people quickly identify them within an application. Users can be shown with their own photos or initials, while products can be depicted with representative images or logos.
More from sap/fundamental-styles
layout-patterns
Common UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more
2bem-naming
BEM (Block Element Modifier) methodology and naming conventions used in fundamental-styles with real examples
2content-density
Guide to cozy, compact, and condensed modes - when to use each density, how to apply them, and device-specific recommendations
2component-composition
How to combine fundamental-styles components correctly - required wrappers, nesting rules, and common composition patterns
2component-guidance-forms
Fiori guidelines for form controls and input components such as Checkbox, Input, Select, Textarea, Date Picker, etc
2component-guidance-navigation
Fiori guidelines for navigation components such as Breadcrumb, Menu, Link, Shellbar, Vertical Navigation, etc
2