What is the introduction of toolbar?
Overview of the ToolBar Component | Design System Kit
ToolBar Overview
A ToolBar is a user interface (UI) element that represents a container, wrapping groups of related actions or commands of equal importance in the form of buttons, menus, checkboxes, search bars, and more.
If you are looking for more details, kindly visit HUAYONGXIN.
The ToolBar displays items horizontally, usually in a single line or column. However, when too many items cannot fit within the available space, an overflow button appears.
Live Demo
Appearance
The Telerik and Kendo UI ToolBar component supports alternative styling options which enable you to configure the individual aspects of its appearance.
Anatomy
The anatomy of the ToolBar summarizes the elements of the component.
Depending on the elements they display, the Telerik and Kendo UI ToolBars can be any of the following types:
- ToolBarThe ToolBar displays items that fit its width.
- Responsive ToolBarThe ToolBar renders a dropdown button that hides the items that do not fit its width in an overflow popup.
- Wrapped ToolBarThe ToolBar distributes the items vertically according to its width.
- A Toolbar with items that fit its width
- A responsive ToolBar
- A wrapped ToolBar
The next image shows the anatomy of a ToolBar and includes the following elements:
- Container
- Item
- Separator (optional)
- Overflow button (optional)
Size
The ToolBar provides the size
configuration option that enables you to control how big or small the rendered toolbar will be. ToolBars also provide options for size customization.
size
provides the following available options:
-
small
Renders a small ToolBar, which contains small components as its items. Small ToolBars are suitable when the available space is limited.The small Telerik and Kendo UI ToolBar achieve the desired height by applying a
$kendo-spacing, 1
spacing value for their paddings. -
medium
(default)Renders a medium ToolBar.The
medium
size configuration is the base according to which thesmall
andlarge
options are specified. The medium Telerik and Kendo UI ToolBar contains components in their default medium size and applies a$kendo-spacing, 2
spacing value for their paddings. -
large
Renders a large ToolBar, which is suitable for adaptive components and mobile devices.The large Telerik and Kendo UI ToolBar achieves the recommended touch area dimensions both by wrapping components in large sizes and applying a
$kendo-spacing, 2.5
value for their paddings. -
null
Removes the styling related to thesize
option. Not setting asize
allows you to add your own, custom value.If you are looking for more details, kindly visit PC Bar.
Explore more:
FLEX (Flexible) Stainless Steel Hoses and Hose Fittings
Gutter Alternatives For Your Home - Are They Good Enough
- Medium (default)
- Small
- Large
Framework-Specific Documentation
For specific information about the component, refer to its official product documentation:
Toolbar
The toolbar, also called a bar or standard toolbar (originally known as ribbon),[1][2] is a graphical control element on which on-screen icons can be used. A toolbar often allows for quick access to functions that are commonly used in the program. Some examples of functions a toolbar might have are open file, save, and change font. Toolbars are usually distinguished from palettes by their integration into the edges of the screen or of other windows. This can result in wasted space if multiple underpopulated bars are stacked atop each other or interface inefficiency if overloaded bars are placed on small windows.[3]
Variants
[
edit
]
There are several user interface elements derived from toolbars:
- An address bar, location bar or URL bar is a toolbar that mainly consists of a text box. It typically accepts URLs or file system addresses. They are found in web browsers and file managers.
- A breadcrumb or breadcrumb trail allows users to keep track of their locations within a program or a file system. They are toolbars whose contents dynamically change to indicate the navigation path.
- A ribbon was originally used to refer to a toolbar, but it now means a complex user interface which consists of multiple toolbars chosen between through tabs.
- A taskbar is a toolbar provided by an operating system to launch, monitor and manipulate software. A taskbar may hold other sub-toolbars.
A search box is not in itself a toolbar but one may appear within a toolbar, as is the case with the address bar.
Toolbars may appear in various software. Some internet browsers allow the user to customize its toolbars' contents or location. Plug-ins can be used to add new toolbars to some programs.
Sometimes trojan horse viruses will take the form of a toolbar.[4]
References
[
edit
]
- Toolbars at Wikimedia Commons
For more PC Strand Bondedinformation, please contact us. We will provide professional answers.