mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-28 12:24:23 +00:00
117 lines
3.3 KiB
HTML
117 lines
3.3 KiB
HTML
---
|
|
layout: documentation
|
|
doc-tab: components
|
|
doc-subtab: panel
|
|
---
|
|
|
|
{% include subnav-components.html %}
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<h1 class="title">Panel</h1>
|
|
<h2 class="subtitle">A composable <strong>panel</strong>, for compact controls</h2>
|
|
|
|
<hr>
|
|
|
|
<div class="columns">
|
|
<div class="column is-4">
|
|
<nav class="panel">
|
|
<p class="panel-heading">
|
|
Repositories
|
|
</p>
|
|
<p class="panel-tabs">
|
|
<a class="is-active" href="#">All</a>
|
|
<a href="#">Public</a>
|
|
<a href="#">Private</a>
|
|
<a href="#">Sources</a>
|
|
<a href="#">Forks</a>
|
|
</p>
|
|
<a class="panel-block is-active" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>bulma-website</a>
|
|
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>bulma</a>
|
|
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>marksheet</a>
|
|
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-code-fork"></i></span>daniellowtw/infBoard</a>
|
|
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>jgthms.github.io</a>
|
|
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-code-fork"></i></span>mojs</a>
|
|
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>grumpy-cat</a>
|
|
<label class="panel-block">
|
|
<input type="checkbox">
|
|
Remember me
|
|
</label>
|
|
<div class="panel-block">
|
|
<button class="button is-primary is-outlined is-fullwidth">
|
|
Reset all filters
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="column">
|
|
{% highlight html %}
|
|
<nav class="panel">
|
|
<p class="panel-heading">
|
|
Repositories
|
|
</p>
|
|
<p class="panel-tabs">
|
|
<a class="is-active" href="#">All</a>
|
|
<a href="#">Public</a>
|
|
<a href="#">Private</a>
|
|
<a href="#">Sources</a>
|
|
<a href="#">Forks</a>
|
|
</p>
|
|
<a class="panel-block is-active" href="#">
|
|
<span class="panel-icon">
|
|
<i class="fa fa-book"></i>
|
|
</span>
|
|
bulma-website
|
|
</a>
|
|
<a class="panel-block" href="#">
|
|
<span class="panel-icon">
|
|
<i class="fa fa-book"></i>
|
|
</span>
|
|
bulma
|
|
</a>
|
|
<a class="panel-block" href="#">
|
|
<span class="panel-icon">
|
|
<i class="fa fa-book"></i>
|
|
</span>
|
|
marksheet
|
|
</a>
|
|
<a class="panel-block" href="#">
|
|
<span class="panel-icon">
|
|
<i class="fa fa-code-fork"></i>
|
|
</span>
|
|
daniellowtw/infBoard
|
|
</a>
|
|
<a class="panel-block" href="#">
|
|
<span class="panel-icon">
|
|
<i class="fa fa-book"></i>
|
|
</span>
|
|
jgthms.github.io
|
|
</a>
|
|
<a class="panel-block" href="#">
|
|
<span class="panel-icon">
|
|
<i class="fa fa-code-fork"></i>
|
|
</span>
|
|
mojs
|
|
</a>
|
|
<a class="panel-block" href="#">
|
|
<span class="panel-icon">
|
|
<i class="fa fa-book"></i>
|
|
</span>
|
|
grumpy-cat
|
|
</a>
|
|
<label class="panel-block">
|
|
<input type="checkbox">
|
|
Remember me
|
|
</label>
|
|
<div class="panel-block">
|
|
<button class="button is-primary is-outlined is-fullwidth">
|
|
Reset all filters
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
{% endhighlight %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|