javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Dark button

Browse Source
This commit is contained in:
Max Lynch
2013-09-03 15:11:54 -05:00
parent ddb6cc6737
commit 0a8b8340c5
1 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
docs/components.html
View File

@ -8,6 +8,7 @@
<link href="bootstrap3.css" rel="stylesheet"> <link href="bootstrap3.css" rel="stylesheet">
<link href="pygments.css" rel="stylesheet"> <link href="pygments.css" rel="stylesheet">
<link href="/dist/ionic.css" rel="stylesheet"> <link href="/dist/ionic.css" rel="stylesheet">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
</head> </head>
<body> <body>
<!-- Static navbar --> <!-- Static navbar -->
@ -63,12 +64,29 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"><h3 class="panel-title">Styles</h3></div> <div class="panel-heading"><h3 class="panel-title">Styles</h3></div>
<div class="panel-body"> <div class="panel-body">
<a href="#" class="button button-default">Button</a> <!-- Standard white/grey button -->
<a href="#" class="button button-secondary">Button</a> <button type="button" class="button button-default">Default</button>
<a href="#" class="button button-primary">Button</a>
<a href="#" class="button button-success">Button</a> <!-- A secondary dark grey button -->
<a href="#" class="button button-warning">Button</a> <button type="button" class="button button-secondary">Secondary</button>
<a href="#" class="button button-danger">Button</a>
<!-- A dark button -->
<button type="button" class="button button-dark">Dark</button>
<!-- A blue button that can be used in lots of places -->
<button type="button" class="button button-primary">Primary</button>
<!-- A green button -->
<button type="button" class="button button-success">Success</button>
<!-- A cyan button -->
<button type="button" class="button button-info">Info</button>
<!-- An orange button, often used for warning messages -->
<button type="button" class="button button-warning">Warning</button>
<!-- Used for serious actions that have serious side effects -->
<button type="button" class="button button-danger">Danger</button>
</div> </div>
</div> </div>
<div class="syntax"><pre><span class="nt">&lt;button</span> <span class="na">class=</span><span class="s">&quot;button button-primary&quot;</span><span class="nt">&gt;</span>Button<span class="nt">&lt;/a&gt;</span> <div class="syntax"><pre><span class="nt">&lt;button</span> <span class="na">class=</span><span class="s">&quot;button button-primary&quot;</span><span class="nt">&gt;</span>Button<span class="nt">&lt;/a&gt;</span>