Skip to content

Commit

Permalink
feat(md-checkbox): Implement md-checkbox.
Browse files Browse the repository at this point in the history
This commit adds the `md-checkbox` component to the material2 repo. It
includes unit tests and demos for the component. Note that while there
is a demo which exhibits all functionality of the component, the "Nested
Checklist" demo is still a WIP.

Fixes #35
  • Loading branch information
traviskaufman committed Mar 7, 2016
1 parent 3cd3c6e commit 0ea6602
Show file tree
Hide file tree
Showing 10 changed files with 1,607 additions and 16 deletions.
22 changes: 22 additions & 0 deletions src/components/checkbox/checkbox.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<div class="md-checkbox-layout">
<div class="md-checkbox-inner-container">
<div class="md-checkbox-frame"></div>
<div class="md-checkbox-background">
<svg version="1.1"
class="md-checkbox-checkmark"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
xml:space="preserve">
<path class="md-checkbox-checkmark-path"
fill="none"
stroke="white"
d="M4.1,12.7 9,17.6 20.3,6.3"/>
</svg>
<!-- Element for rendering the indeterminate state checkbox. -->
<div class="md-checkbox-mixedmark"></div>
</div>
</div>
<label [id]="labelId" [attr.for]="id">
<ng-content></ng-content>
</label>
</div>
Loading

0 comments on commit 0ea6602

Please sign in to comment.