📜  Foundation-厨房水槽

📅  最后修改于: 2020-10-25 05:49:55             🧑  作者: Mango


 

描述

它包含Foundation元素,可与Web应用程序顺利地协同工作。下表列出了一些Foundation组件-

Sr.No. Component & Description
1 AccordionAccordions contain vertical tabs which are used on websites to expand and collapse large amount of data.
2 Accordion MenuIt displays the collapsible menu with accordion effects.
3 BadgeBadges are similar to labels, which are used to highlight the information such as important notes and messages.
4 BreadcrumbsIt specifies the current location for a site within navigational hierarchy.
5 ButtonsFoundation supports standard buttons with different styles.
6 CalloutCallout is an element, which can be used to place the content inside.
7 Close ButtonIt is used to dismiss the alert box.
8 Drilldown MenuDrilldown menu changes the nested lists into vertical drilldown menu.
9 Dropdown MenuDropdown menu is used for displaying links in a list format.
10 Dropdown PaneDropdown pane displays the content when you click the button.
11 Flex VideoIt is used to create video objects in the web pages.
12 Float ClassesIt is used to add utility classes to HTML elements.
13 FormsIt is used to create form layout to collect user input.
14 LabelLabels are inline styles, which define a label for an input element.
15 Media ObjectIt is used to add media objects such as images, video, blog comments etc. Which can be placed left or right of the content block.
16 MenuIt provides access to different modes in the website.
17 PaginationIt is a type of navigation that divides the content into a series of related pages.
18 SliderIt specifies the range of values by dragging a handle.
19 SwitchIt is used to switch between on and off state.
20 TableIt represents the data in rows and columns format.
21 TabsIt is a navigation based tab that displays the content into different panes without leaving the page.
22 ThumbnailIt styles the images in thumbnail shape.
23 Title BarIt is used to display the current screen used by the user with other menu items.
24 TooltipIt is small pop-up box that describes the information when you hover the mouse on the link.
25 Top BarIt is used to create navigation header in the website.
26 Orbit

It is an easy and powerful slider that swipes the elements using the orbit class.