sidebar

Forms and Buttons

Show source

<input data-corners="false" type="text/date/color/datetime/email/month/time/url/week" value="" data-clear-btn="true" placeholder="Type text...">

Fullwidth anchor button

Show source

<a href="#" class="ui-btn">Fullwidth anchor button</a>
<button class="ui-btn">Fullwidth button</button>
<button class="ui-btn ui-btn-b">Fullwidth button alt</button>

Anchor button

Show source

<a href="#" class="ui-btn ui-btn-inline">Anchor button</a>
<button class="ui-btn ui-btn-inline">Regular button</button>
<button class="ui-btn ui-btn-b ui-btn-inline">Regular button alt</button>

NIGHTLY Buttons

jQuery Mobile uses own styled buttons so do we! NIGHTLY comes with dozens styled elements such as buttons, tables, form, pricing tables etc.

Regular buttons

   

Buttons with icon

   

NIGHTLY uses Font Awesome icons.

Show source

<button data-role="none" class="nightly-button">Order now</button>
<button data-role="none" class="nightly-button" data-theme="a">Hire me</button>
<button data-role="none" class="nightly-button"><i class="fa fa-shopping-cart"></i>Buy me</button> 

NIGHTLY Inputs

Show source

<button data-role="none" class="nightly-button">Order now</button>
<button data-role="none" class="nightly-button" data-theme="a">Hire me</button>
<button data-role="none" class="nightly-button"><i class="fa fa-shopping-cart"></i>Buy me</button> 

NIGHTLY 2014. All rights reserved.