Saturday, February 18, 2017

Foundation - Kitchen Sink

Description

It includes the Foundation elements to work with the web applications smoothly. Following table lists some of the Foundation components:

S.N.Component & Description
1 Accordion
Accordions contain vertical tabs which are used on websites to expand and collapse the large amount of data.
2 Accordion Menu
It displays the collapsible menu with accordion effects.
3 Badge
Badges are similar to labels which are used to highlight the information such as important notes, messages.
4 Breadcrumbs
It specifies the current location for a site within navigational hierarchy.
5 Buttons
Foundation supports standard buttons with different styles.
6 Callout
Callout is an element which can be used to place the content inside.
7 Close Button
It is used to dismiss the alert box.
8 Drilldown Menu
Drilldown menu changes nested lists into vertical drilldown menu.
9 Dropdown Menu
Dropdown menu is used for displaying links in a list format.
10 Dropdown Pane
Dropdown pane display the content when you click the button.
11 Flex Video
It is used to create video objects in the web pages.
12 Float Classes
It is used to add utility classes to HTML elements.
13 Forms
It is used to create form layout to collect user input.
14 Label
Labels are inline styles which defines label for an input element.
15 Media Object
It is used add media objects such as images, video, blog comments etc which can be placed left or right of the content block.
16 Menu
It provides access to different modes in the website.
17 Pagination
It is a navigation type that divides content into series of related pages.
18 Slider
It allows to specify the range value by dragging a handle.
19 Switch
It is used to switch between on and off state.
20 Table
It represents the data in row and columns format.
21 Tabs
It is a navigation based tab that display the content into different panes without leaving the page.
22 Thumbnail
It styles the images in thumbnail shape.
23 Title Bar
It is used to display the current screen using by the user with other menu items.
24 Tooltip
It is small pop-up box that describes the information when you hover the mouse on the link.
25 Top Bar
It is used to create navigation header in the website.
26 Orbit
It is a easy and powerful slider that swipe the elements using the orbit class.

No comments:

Post a Comment