📅  最后修改于: 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. |