Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 11:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add more specs

Browse Source
This commit is contained in:
Jeremy Thomas
2021-11-05 18:52:35 +00:00
parent 0ef5fced34
commit 73c699876d
6 changed files with 379 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
docs/cyp/components/dropdown.html Normal file
View File

@@ -0,0 +1,51 @@
---
layout: cypress
title: Components/Dropdown
---
{% capture dropdownTrigger %}
<div class="dropdown-trigger">
<button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
<span>Dropdown button</span>
<span class="icon is-small">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</button>
</div>
{% endcapture %}
{% capture dropdownMenu %}
<div class="dropdown-menu">
<div class="dropdown-content">
<a href="#" class="dropdown-item">
Dropdown item
</a>
<a class="dropdown-item">
Other dropdown item
</a>
<a href="#" class="dropdown-item is-active">
Active dropdown item
</a>
<div class="dropdown-item">
<p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
</div>
<a href="#" class="dropdown-item">
Other dropdown item
</a>
<hr class="dropdown-divider">
<a href="#" class="dropdown-item">
With a divider
</a>
</div>
</div>
{% endcapture %}
<div id="dropdown" class="dropdown">
{{ dropdownTrigger }}
{{ dropdownMenu }}
</div>
<div id="dropdown-active" class="dropdown is-active">
{{ dropdownTrigger }}
{{ dropdownMenu }}
</div>