UNPKG

foundation-sites-5

Version:

**This package is only for versions 5 and earlier of Foundation. As of version 6, the package has a new name: `foundation-sites`.**

github.com/zurb/foundation

zurb/foundation

42 lines (36 loc) • 2.08 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<button data-dropdown="drop" aria-controls="drop" aria-expanded="false" class="tiny button dropdown">Dropdown Button</button><br> <ul id="drop" data-dropdown-content class="f-dropdown" aria-hidden="true"> <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> <button data-dropdown="drop2" class="small secondary radius button dropdown" aria-expanded="false" aria-controls="drop2">Dropdown Button</button><br> <ul id="drop2" data-dropdown-content class="f-dropdown" aria-hidden="true" tabindex="-1"> <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> <button data-dropdown="drop3" aria-controls="drop3" aria-expanded="false" class="button alert round dropdown">Dropdown Button</button><br> <ul id="drop3" data-dropdown-content class="f-dropdown" aria-hidden="true"> <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> <button data-dropdown="drop4" aria-controls="drop4" aria-expanded="false" class="large success button dropdown">Dropdown Button</button><br> <ul id="drop4" data-dropdown-content class="f-dropdown" aria-hidden="true"> <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> <a data-dropdown="drop5" aria-controls="drop5" aria-expanded="false" class="large button dropdown expand">Dropdown Button</a><br> <ul id="drop5" data-dropdown-content class="f-dropdown" aria-hidden="true"> <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> <a data-dropdown="drop6" aria-controls="drop6" aria-expanded="false" class="disabled button dropdown">Disabled Dropdown Button</a><br> <ul id="drop6" data-dropdown-content class="f-dropdown" aria-hidden="true"> <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul>