Skip to content

Commit 431141a

Browse files
traviskaufmanjelbourn
authored andcommitted
feat(md-checkbox): Implement md-checkbox.
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 Closes #131
1 parent f513be8 commit 431141a

File tree

12 files changed

+1632
-17
lines changed

12 files changed

+1632
-17
lines changed

src/components/checkbox/checkbox.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<div class="md-checkbox-layout">
2+
<div class="md-checkbox-inner-container">
3+
<div class="md-checkbox-frame"></div>
4+
<div class="md-checkbox-background">
5+
<svg version="1.1"
6+
class="md-checkbox-checkmark"
7+
xmlns="http://www.w3.org/2000/svg"
8+
viewBox="0 0 24 24"
9+
xml:space="preserve">
10+
<path class="md-checkbox-checkmark-path"
11+
fill="none"
12+
stroke="white"
13+
d="M4.1,12.7 9,17.6 20.3,6.3"/>
14+
</svg>
15+
<!-- Element for rendering the indeterminate state checkbox. -->
16+
<div class="md-checkbox-mixedmark"></div>
17+
</div>
18+
</div>
19+
<label [id]="labelId">
20+
<ng-content></ng-content>
21+
</label>
22+
</div>

0 commit comments

Comments
 (0)