BX Swiss Component Library

Report Archive

There are no notes for this item.

<table class="report-table">
    <thead>
        <tr>
            <th class="report-table__head">Mo</th>
            <th class="report-table__head">Tu</th>
            <th class="report-table__head">We</th>
            <th class="report-table__head">Th</th>
            <th class="report-table__head">Fr</th>
            <th class="report-table__head">Sa</th>
            <th class="report-table__head">Su</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td><span class="heading heading--large heading--compact">1</span></td>
            <td><span class="heading heading--large heading--compact">2</span></td>
            <td><span class="heading heading--large heading--compact">3</span></td>
            <td><span class="heading heading--large heading--compact">4</span></td>
            <td><span class="heading heading--large heading--compact">5</span></td>
        </tr>
        <tr>
            <td>
                <a href="#"><span class="heading heading--large heading--compact">6 <svg viewBox="0 0 24 24" class="icon icon--s ">
		<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icons/sprite.svg#undefined"></use>
	</svg></span></a>
            </td>
            <td>
                <a href="#"><span class="heading heading--large heading--compact">7 <svg viewBox="0 0 24 24" class="icon icon--s ">
		<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icons/sprite.svg#undefined"></use>
	</svg></span></a>
            </td>
            <td>
                <span class="heading heading--large heading--compact">8</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">9</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">10</span>
            </td>
            <td>
                <a href="#"><span class="heading heading--large heading--compact">11 <svg viewBox="0 0 24 24" class="icon icon--s ">
		<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icons/sprite.svg#undefined"></use>
	</svg></span></a>
            </td>
            <td>
                <span class="heading heading--large heading--compact">12</span>
            </td>
        </tr>
        <tr>
            <td>
                <span class="heading heading--large heading--compact">13</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">14</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">15</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">16</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">17</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">18</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">19</span>
            </td>
        </tr>
        <tr>
            <td>
                <span class="heading heading--large heading--compact">20</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">21</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">22</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">23</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">24</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">25</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">26</span>
            </td>
        </tr>
        <tr>
            <td>
                <span class="heading heading--large heading--compact">27</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">28</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">29</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">30</span>
            </td>
            <td>
                <span class="heading heading--large heading--compact">31</span>
            </td>
            <td>
                <span></span>
            </td>
            <td>
                <span></span>
            </td>
        </tr>
    </tbody>
</table>
 
<table class="report-table">
	<thead>
		<tr>
			<th class="report-table__head">Mo</th>
			<th class="report-table__head">Tu</th>
			<th class="report-table__head">We</th>
			<th class="report-table__head">Th</th>
			<th class="report-table__head">Fr</th>
			<th class="report-table__head">Sa</th>
			<th class="report-table__head">Su</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td></td>
			<td></td>
			<td><span class="heading heading--large heading--compact">1</span></td>
			<td><span class="heading heading--large heading--compact">2</span></td>
			<td><span class="heading heading--large heading--compact">3</span></td>
			<td><span class="heading heading--large heading--compact">4</span></td>
			<td><span class="heading heading--large heading--compact">5</span></td>
		</tr>
		<tr>
			<td>
				<a href="#"><span class="heading heading--large heading--compact">6 {{{icon icon}}}</span></a>
			</td>
			<td>
				<a href="#"><span class="heading heading--large heading--compact">7 {{{icon icon}}}</span></a>
			</td>
			<td>
				<span class="heading heading--large heading--compact">8</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">9</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">10</span>
			</td>
			<td>
				<a href="#"><span class="heading heading--large heading--compact">11 {{{icon icon}}}</span></a>
			</td>
			<td>
				<span class="heading heading--large heading--compact">12</span>
			</td>
		</tr>
		<tr>
			<td>
				<span class="heading heading--large heading--compact">13</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">14</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">15</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">16</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">17</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">18</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">19</span>
			</td>
		</tr>
		<tr>
			<td>
				<span class="heading heading--large heading--compact">20</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">21</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">22</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">23</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">24</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">25</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">26</span>
			</td>
		</tr>
		<tr>
			<td>
				<span class="heading heading--large heading--compact">27</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">28</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">29</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">30</span>
			</td>
			<td>
				<span class="heading heading--large heading--compact">31</span>
			</td>
			<td>
				<span></span>
			</td>
			<td>
				<span></span>
			</td>
		</tr>
	</tbody>
</table>
 
/* No context defined for this component. */
  • Handle: @report-archive
  • Preview:
  • Filesystem Path: Source\components\09-patterns\report-archive\report-archive.hbs