- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Foundation - Kitchen Sink
It includes the Foundation elements to work with the web applications smoothly. The following table lists some of the Foundation components −
|Sr.No.||Component & Description|
Accordions contain vertical tabs which are used on websites to expand and collapse large amount of data.
It displays the collapsible menu with accordion effects.
Badges are similar to labels, which are used to highlight the information such as important notes and messages.
It specifies the current location for a site within navigational hierarchy.
Foundation supports standard buttons with different styles.
Callout is an element, which can be used to place the content inside.
It is used to dismiss the alert box.
Drilldown menu changes the nested lists into vertical drilldown menu.
Dropdown menu is used for displaying links in a list format.
Dropdown pane displays the content when you click the button.
It is used to create video objects in the web pages.
It is used to add utility classes to HTML elements.
It is used to create form layout to collect user input.
Labels are inline styles, which define a label for an input element.
It is used to add media objects such as images, video, blog comments etc. Which can be placed left or right of the content block.
It provides access to different modes in the website.
It is a type of navigation that divides the content into a series of related pages.
It specifies the range of values by dragging a handle.
It is used to switch between on and off state.
It represents the data in rows and columns format.
It is a navigation based tab that displays the content into different panes without leaving the page.
It styles the images in thumbnail shape.
It is used to display the current screen used by the user with other menu items.
It is small pop-up box that describes the information when you hover the mouse on the link.
It is used to create navigation header in the website.
It is an easy and powerful slider that swipes the elements using the orbit class.