CHAPTER 5

image

JavaScript Components

Foundation comes bundled with JavaScript components to add intricate functionality. The JavaScript components can be incorporated into your projects thereby making your front-end development faster and easier.

We will learn about the following JavaScript components in this chapter:

  • Tabs
  • Accordions
  • Dropdowns
  • Data-Interchange
  • Equalizers
  • Modals
  • Tooltips
  • Data Toggler

You can pass the settings to the plug-ins through the mark-up using data-options.

If you check the mark-up of all the coding examples so far in this book, you can see the following lines of code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/vendor/jquery.min.js ...

Get Introducing Zurb Foundation 6 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial