Start table component

This commit is contained in:
Marcos Moura 2016-10-25 21:10:04 -02:00
parent 5c56e02e04
commit 5163359b5e
3 changed files with 28 additions and 3 deletions

View file

@ -2,7 +2,25 @@
<demo-page label="Components - Table">
<div slot="examples">
<demo-example label="Default">
<md-table></md-table>
<md-table>
<thead>
<tr>
<th>Head 1</th>
<th>Head 2</th>
<th>Head 3</th>
<th>Head 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</tbody>
</md-table>
</demo-example>
</div>

View file

@ -1,5 +1,10 @@
@import '../../core/stylesheets/variables.scss';
.md-table {
display: flex;
flex-flow: column wrap;
font-size: 14px;
font-weight: 400;
letter-spacing: .01em;
line-height: 20px;
}

View file

@ -1,6 +1,8 @@
<template>
<div class="md-table" :class="classes">
<table>
<slot></slot>
</table>
</div>
</template>