Contents
How do you name a component in a design system?
While naming, try to focus on the element’s category and role, but not its form. A blue primary button in your system, for example, should be named button/primary/default—without any mention of its color….We’ll be discussing perceptual patterns:
- Color.
- Typography.
- Sizing/spacing.
- Imagery.
What is UI term?
The user interface (UI) term used in this section as a collective term and refers to: Graphical user interface (GUI) Web user interface (WUI) Command-line interface (CLI)
How do you name a component react?
Naming Convention Components should be PascalCase – capitalized in camelCase as well and named for their function and not the specific application feature (in case you change it later).
What are the names of the UI elements?
As you read along, you’ll begin to notice UI designer is just another word for a foodie—we love to name our UI elements after food. 3. Breadcrumb These little trails of links help users figure out where they are within a website.
Can a user interface contain more than one UI element?
A user interface can contain a variety of UI elements. In general, focus on the feature and its functionality, not the UI element. If you think it adds clarity for the reader, add the name of the UI element.
When to use code font for UI elements?
This includes names for buttons, menus, dialogs, windows, list items, or any other feature on the page that has a visible name. Don’t use code font for UI elements, unless it’s an element that meets the requirements for code font .
How to write a procedure for a UI element?
For information about writing procedures, see Procedures. When referring to any UI element by name, put its name in bold, using the element in HTML or ** in Markdown. This includes names for buttons, menus, dialogs, windows, list items, or any other feature on the page that has a visible name.