Difference between revisions of "KDE Visual Design Group/HIG/IconsAndText"

Jump to: navigation, search
(Move notice)
 
Line 1: Line 1:
== Purpose ==
+
{{Note|This page is now on [[https://hig.kde.org/patterns/content/iconandtext.html https://hig.kde.org/]]}}
Combining icons and text can be used to identify data and actions in a user interface. Examples include toolbar actions, file and folder displays in a file manager, application listings, and notifications. The layout should be consistent.
+
 
+
== Guideline ==
+
 
+
[[File:HIGPatternIconsAndText.png]]
+
* Where icons are shown with text,  use the layout guidelines above.
+
* For 16x16px icons and smaller, the 8px margins may be reduced to 4px.
+
* If Secondary Text is normally present but is empty in a particular instance, align the Primary Text to the vertical center.
+
* Where icons are shown without text, always provide tooltip text and alternate text for accessibility.
+
* To be future-compatible with scalable interface functionality for high dpi displays, use units.smallSpacing in place of the 4px increments defined here.
+

Latest revision as of 17:19, 5 February 2019

Note-box-icon.png
 
Note
This page is now on [https://hig.kde.org/]

This page was last modified on 5 February 2019, at 17:19. Content is available under Creative Commons License SA 4.0 unless otherwise noted.