Skip to content

Commit dbd86c1

Browse files
wuda-iowuda-io
committed
deploy: f5b6678 
1 parent ddc5ce8 commit dbd86c1

File tree

12 files changed

+238
-110
lines changed

12 files changed

+238
-110
lines changed

‎breadcrumbs.html‎

Lines changed: 44 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -383,27 +383,56 @@ <h4 class="light" style="line-height: 1.25; color: var(--md-sys-color-primary)">
383383
<div class="col s12 m8 offset-m1 xl7 offset-xl1">
384384
<!-- Collections Section -->
385385
<div id="basic" class="section scrollspy">
386-
<div class="row">
387-
<div class="col s12">
388-
<p class="caption">Breadcrumbs are a good way to display your current location. This is usually used when you have multiple layers of content.</p>
389-
<h3 class="header">Basic</h3>
386+
<div class="row">
387+
<div class="col s12">
388+
<p class="caption">Breadcrumbs are a good way to display your current location. This is usually used when you have multiple layers of content.</p>
389+
<h3 class="header">Basic</h3>
390390

391-
<nav>
392-
<div class="nav-wrapper">
393-
<div class="col s12">
394-
<a href="#!" class="breadcrumb">First</a>
395-
<a href="#!" class="breadcrumb">Second</a>
396-
<a href="#!" class="breadcrumb">Third</a>
397-
</div>
391+
<nav class="breadcrumb-wrapper">
392+
<div class="col s12">
393+
<a href="#!" class="breadcrumb">First</a>
394+
<a href="#!" class="breadcrumb">Second</a>
395+
<a href="#!" class="breadcrumb">Third</a>
396+
</div>
397+
</nav>
398+
399+
<pre style="padding-top: 0px">
400+
<span class="copyMessage">Copied!</span>
401+
<i class="material-icons copyButton">content_copy</i>
402+
<code class="language-html copiedText">
403+
<xmp>
404+
<nav class="breadcrumb-wrapper">
405+
<div class="col s12">
406+
<a href="#!" class="breadcrumb">First</a>
407+
<a href="#!" class="breadcrumb">Second</a>
408+
<a href="#!" class="breadcrumb">Third</a>
409+
</div>
410+
</nav>
411+
</xmp>
412+
</code>
413+
</pre>
398414
</div>
399-
</nav>
415+
</div>
416+
<div class="row">
417+
<div class="col s12">
418+
<h3 class="header">Navbar style</h3>
419+
420+
<nav class="navbar breadcrumb-wrapper">
421+
<div class="nav-wrapper">
422+
<div class="col s12">
423+
<a href="#!" class="breadcrumb">First</a>
424+
<a href="#!" class="breadcrumb">Second</a>
425+
<a href="#!" class="breadcrumb">Third</a>
426+
</div>
427+
</div>
428+
</nav>
400429

401-
<pre style="padding-top: 0px">
430+
<pre style="padding-top: 0px">
402431
<span class="copyMessage">Copied!</span>
403432
<i class="material-icons copyButton">content_copy</i>
404433
<code class="language-html copiedText">
405434
<xmp>
406-
<nav>
435+
<nav class="breadcrumb-wrapper">
407436
<div class="nav-wrapper">
408437
<div class="col s12">
409438
<a href="#!" class="breadcrumb">First</a>
@@ -415,8 +444,8 @@ <h3 class="header">Basic</h3>
415444
</xmp>
416445
</code>
417446
</pre>
447+
</div>
418448
</div>
419-
</div>
420449
</div>
421450
<!-- End collections -->
422451
</div>

‎cards.html‎

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -736,19 +736,6 @@ <h5>Card Action Options</h5>
736736
</div>
737737
</xmp>
738738
</code>
739-
</pre>
740-
<h3 class="header">Initialization</h3>
741-
<pre style="padding-top: 0px;">
742-
<span class="copyMessage">Copied!</span>
743-
<i class="material-icons copyButton">content_copy</i>
744-
<code class="language-javascript copiedText">
745-
document.addEventListener('DOMContentLoaded', function() {
746-
const elems = document.querySelectorAll('.card');
747-
const instances = M.Card.init(elems, {
748-
// specify options here
749-
});
750-
});
751-
</code>
752739
</pre>
753740
</div>
754741
</div>

‎datepicker.html‎

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -543,10 +543,28 @@ <h5>Options</h5>
543543
<td><span class="red-text">DEPRECATED</span> Callback function when Datepicker is closed.</td>
544544
</tr>
545545
<tr>
546-
<td>onDraw</td>
546+
<td>isDateRange</td>
547+
<td>Boolean</td>
548+
<td>false</td>
549+
<td>Condition to enable date range selection.</td>
550+
</tr>
551+
<tr>
552+
<td>dateRangeEndEl</td>
553+
<td>Selector</td>
554+
<td>null</td>
555+
<td>(optional) selector for defined end date HTML element.</td>
556+
</tr>
557+
<tr>
558+
<td>openByDefault</td>
559+
<td>Boolean</td>
560+
<td>false</td>
561+
<td>Condition show the datepicker in open state by default.</td>
562+
</tr>
563+
<tr>
564+
<td>onInputInteraction</td>
547565
<td>Function</td>
548566
<td>null</td>
549-
<td>Callback function when Datepicker HTML is refreshed.</td>
567+
<td>Callback function on input field interaction.</td>
550568
</tr>
551569
</tbody>
552570
</table>

‎navbar.html‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -382,7 +382,7 @@ <h4 class="light" style="line-height: 1.25; color: var(--md-sys-color-primary)">
382382
<div class="col s12 m8 offset-m1 xl7 offset-xl1">
383383
<div id="right" class="section scrollspy">
384384
<p class="caption">
385-
The navbar is fully contained by an HTML5 Nav tag. Inside a recommended container div, there are 2 main parts of the navbar. A logo or brand link, and the
385+
There are 2 main parts of the navbar. A logo or brand link, and the
386386
navigations links. You can align these links to the left or right.
387387
</p>
388388
<h3 class="header">Right Aligned Links</h3>
@@ -391,7 +391,7 @@ <h3 class="header">Right Aligned Links</h3>
391391
<code class="language-html">ul</code>
392392
that contains them.
393393
</p>
394-
<nav>
394+
<nav class="navbar">
395395
<div class="nav-wrapper">
396396
<div class="col s12">
397397
<a href="#!" class="brand-logo">Logo</a>
@@ -412,7 +412,7 @@ <h3 class="header">Right Aligned Links</h3>
412412

413413
<pre><code class="language-html">
414414
<xmp>
415-
<nav>
415+
<nav class="navbar">
416416
<div class="nav-wrapper">
417417
<a href="#" class="brand-logo">Logo</a>
418418
<ul id="nav-mobile" class="right hide-on-med-and-down">
@@ -433,7 +433,7 @@ <h3 class="header">Left Aligned Links</h3>
433433
<code class="language-html">ul</code>
434434
that contains them.
435435
</p>
436-
<nav>
436+
<nav class="navbar">
437437
<div class="nav-wrapper">
438438
<div class="col s12">
439439
<a href="#!" class="brand-logo right">Logo</a>
@@ -454,7 +454,7 @@ <h3 class="header">Left Aligned Links</h3>
454454

455455
<pre><code class="language-html">
456456
<xmp>
457-
<nav>
457+
<nav class="navbar">
458458
<div class="nav-wrapper">
459459
<a href="#" class="brand-logo right">Logo</a>
460460
<ul id="nav-mobile" class="left hide-on-med-and-down">
@@ -493,7 +493,7 @@ <h3 class="header">Centering the logo</h3>
493493

494494
<pre><code class="language-html">
495495
<xmp>
496-
<nav>
496+
<nav class="navbar">
497497
<div class="nav-wrapper">
498498
<a href="#" class="brand-logo center">Logo</a>
499499
<ul id="nav-mobile" class="left hide-on-med-and-down">
@@ -511,7 +511,7 @@ <h3 class="header">Centering the logo</h3>
511511
<h3 class="header">Active Items</h3>
512512
<p>Add active class to your li tags to denote the current page.</p>
513513

514-
<nav>
514+
<nav class="navbar">
515515
<div class="nav-wrapper">
516516
<a href="#!" class="brand-logo center">Logo</a>
517517
<ul class="left hide-on-med-and-down">
@@ -530,7 +530,7 @@ <h3 class="header">Active Items</h3>
530530

531531
<pre><code class="language-html">
532532
<xmp>
533-
<nav>
533+
<nav class="navbar">
534534
<div class="nav-wrapper">
535535
<a href="#!" class="brand-logo center">Logo</a>
536536
<ul class="left hide-on-med-and-down">
@@ -552,7 +552,7 @@ <h3 class="header">Extended Navbar with Tabs</h3>
552552
can just include a tabs component inside the <span class="language-html">nav-wrapper</span>.
553553
</p>
554554

555-
<nav class="nav-extended">
555+
<nav class="navbar nav-extended">
556556
<div class="nav-wrapper">
557557
<a href="#" class="brand-logo">Logo</a>
558558
<a href="#" data-target="mobile-demo" class="sidenav-trigger">
@@ -607,7 +607,7 @@ <h3 class="header">Extended Navbar with Tabs</h3>
607607

608608
<pre><code class="language-html">
609609
<xmp>
610-
<nav class="nav-extended">
610+
<nav class="navbar nav-extended">
611611
<div class="nav-wrapper">
612612
<a href="#" class="brand-logo">Logo</a>
613613
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
@@ -652,7 +652,7 @@ <h3 class="header">Fixed Navbar</h3>
652652
<pre><code class="language-html">
653653
<xmp>
654654
<div class="navbar-fixed">
655-
<nav>
655+
<nav class="navbar">
656656
<div class="nav-wrapper">
657657
<a href="#!" class="brand-logo">Logo</a>
658658
<ul class="right hide-on-med-and-down">
@@ -687,7 +687,7 @@ <h3 class="header">Navbar Dropdown Menu</h3>
687687
<a href="#!">three</a>
688688
</li>
689689
</ul>
690-
<nav>
690+
<nav class="navbar">
691691
<div class="nav-wrapper">
692692
<a href="#!" class="brand-logo">Logo</a>
693693
<ul class="right hide-on-med-and-down">
@@ -717,7 +717,7 @@ <h3 class="header">Navbar Dropdown Menu</h3>
717717
<li class="divider"></li>
718718
<li><a href="#!">three</a></li>
719719
</ul>
720-
<nav>
720+
<nav class="navbar">
721721
<div class="nav-wrapper">
722722
<a href="#!" class="brand-logo">Logo</a>
723723
<ul class="right hide-on-med-and-down">
@@ -752,7 +752,7 @@ <h5>Trigger dropdown menu on click</h5>
752752
<div id="icons" class="section scrollspy">
753753
<h3 class="header">Icon Links</h3>
754754

755-
<nav>
755+
<nav class="navbar">
756756
<div class="nav-wrapper">
757757
<a href="#!" class="brand-logo"> <i class="material-icons">cloud</i>Logo</a>
758758
<ul class="right hide-on-med-and-down">
@@ -785,7 +785,7 @@ <h3 class="header">Icon Links</h3>
785785
</p>
786786
<pre><code class="language-html">
787787
<xmp>
788-
<nav>
788+
<nav class="navbar">
789789
<div class="nav-wrapper">
790790
<a href="#!" class="brand-logo"><i class="material-icons">cloud</i>Logo</a>
791791
<ul class="right hide-on-med-and-down">
@@ -799,7 +799,7 @@ <h3 class="header">Icon Links</h3>
799799
</xmp>
800800
</code></pre>
801801

802-
<nav>
802+
<nav class="navbar">
803803
<div class="nav-wrapper">
804804
<a href="#!" class="brand-logo">Logo</a>
805805
<ul class="right hide-on-med-and-down">
@@ -822,7 +822,7 @@ <h3 class="header">Icon Links</h3>
822822
</p>
823823
<pre><code class="language-html">
824824
<xmp>
825-
<nav>
825+
<nav class="navbar">
826826
<div class="nav-wrapper">
827827
<a href="#!" class="brand-logo">Logo</a>
828828
<ul class="right hide-on-med-and-down">
@@ -838,7 +838,7 @@ <h3 class="header">Icon Links</h3>
838838
<div id="buttons" class="section scrollspy">
839839
<h3 class="header">Buttons</h3>
840840

841-
<nav>
841+
<nav class="navbar">
842842
<div class="nav-wrapper">
843843
<a href="#!" class="brand-logo">Logo</a>
844844
<ul class="right hide-on-med-and-down">
@@ -864,7 +864,7 @@ <h3 class="header">Buttons</h3>
864864
</p>
865865
<pre><code class="language-html">
866866
<xmp>
867-
<nav>
867+
<nav class="navbar">
868868
<div class="nav-wrapper">
869869
<a href="#!" class="brand-logo">Logo</a>
870870
<ul class="right hide-on-med-and-down">
@@ -880,7 +880,7 @@ <h3 class="header">Buttons</h3>
880880
<h5>Halfway FAB in Extended Navbar</h5>
881881
<p>Add a halfway FAB to your extended navbar.</p>
882882

883-
<nav class="nav-extended">
883+
<nav class="navbar nav-extended">
884884
<div class="nav-wrapper">
885885
<a href="#!" class="brand-logo">Logo</a>
886886
<ul class="right hide-on-med-and-down">
@@ -905,7 +905,7 @@ <h5>Halfway FAB in Extended Navbar</h5>
905905

906906
<pre><code class="language-html">
907907
<xmp>
908-
<nav class="nav-extended">
908+
<nav class="navbar nav-extended">
909909
<div class="nav-wrapper">
910910
<a href="#!" class="brand-logo">Logo</a>
911911
<ul class="right hide-on-med-and-down">
@@ -928,7 +928,7 @@ <h5>Halfway FAB in Extended Navbar</h5>
928928
<div id="search-docs" class="section scrollspy">
929929
<h3 class="header">Search Bar</h3>
930930

931-
<nav>
931+
<nav class="navbar">
932932
<div class="nav-wrapper">
933933
<form>
934934
<div class="input-field">
@@ -945,7 +945,7 @@ <h3 class="header">Search Bar</h3>
945945
<p>You can add a search form in the navbar.</p>
946946
<pre><code class="language-html">
947947
<xmp>
948-
<nav>
948+
<nav class="navbar">
949949
<div class="nav-wrapper">
950950
<form>
951951
<div class="input-field">
@@ -963,7 +963,7 @@ <h3 class="header">Search Bar</h3>
963963
<div id="mobile-collapse" class="section scrollspy">
964964
<h3 class="header">Mobile Collapse Button</h3>
965965

966-
<nav>
966+
<nav class="navbar">
967967
<div class="nav-wrapper">
968968
<a href="#!" class="brand-logo">Logo</a>
969969
<a href="#" data-target="mobile-demo" class="sidenav-trigger">
@@ -1013,7 +1013,7 @@ <h3 class="header">Mobile Collapse Button</h3>
10131013
</p>
10141014
<pre><code class="language-html">
10151015
<xmp>
1016-
<nav>
1016+
<nav class="navbar">
10171017
<div class="nav-wrapper">
10181018
<a href="#!" class="brand-logo">Logo</a>
10191019
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>

‎select.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -585,6 +585,12 @@ <h3 class="header">Options</h3>
585585
<td>{}</td>
586586
<td>Pass options object to select dropdown initialization.</td>
587587
</tr>
588+
<tr>
589+
<td>selected</td>
590+
<td>Array</td>
591+
<td>[]</td>
592+
<td>Default options to be selected on initialization</td>
593+
</tr>
588594
</tbody>
589595
</table>
590596
</div>

0 commit comments

Comments
 (0)