component-guidance-actions
Fiori guidelines for action components Button, Product Switch, User Menu, Scrollbar
229 repo starsObserved in 1 repos
Design
Design skills
Browse reusable Agent Skills, each with a clear purpose and practical guidance.
component-guidance-data
Fiori guidelines for data display components such as Table, List, Tree, Avatar, Calendar, Icons, etc
229 repo starsObserved in 1 repos
Design
component-guidance-feedback
Fiori guidelines for feedback components such as Message Strip, Notification, Dialog, Progress Indicator, etc
229 repo starsObserved in 1 repos
Design
component-guidance-forms
Fiori guidelines for form controls and input components such as Checkbox, Input, Select, Textarea, Date Picker, etc
229 repo starsObserved in 1 repos
Design
component-guidance-layout
Fiori guidelines for layout structures such as Card, Panel, Dynamic Page, Flexible Column Layout, etc
229 repo starsObserved in 1 repos
Design
component-guidance-navigation
Fiori guidelines for navigation components such as Breadcrumb, Menu, Link, Shellbar, Vertical Navigation, etc
229 repo starsObserved in 1 repos
Design
content-density
Guide to cozy, compact, and condensed modes - when to use each density, how to apply them, and device-specific recommendations
229 repo starsObserved in 1 repos
Design
layout-patterns
Common UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more
229 repo starsObserved in 1 repos
Design
svg-hand-drawn-preview
Generate a hand-drawn SVG animation package from a local SVG file or SVG URL. Use when the user wants an SVG drawing demo with path-plus-fill animation, or wants the default deliverables to be a standalone preview.html plus a reusable player.js.
228 repo starsObserved in 1 repos
Design