Phoenix Reisen Styleguide

900.2 #permalink Spalten

Toggle example guides Toggle HTML markup

Spaltenspezifische Styles

Examples
Default styling
Column Name Column Name
Column Content Column Content
.table__cell--success
A cell that visualizes an success (status)
Column Name Column Name
Column Content Column Content
.table__cell--info
A cell that visualizes a info
Column Name Column Name
Column Content Column Content
.table__cell--error
A cell that visualizes an error
Column Name Column Name
Column Content Column Content
.table__cell--warning
A cell that visualizes a warning
Column Name Column Name
Column Content Column Content
Markup 
<table>
    <thead>
        <tr>
            <th>Column Name</th>
            <th>Column Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="[modifier class]">Column Content</td>
            <td>Column Content</td>
        </tr>
    </tbody>
</table>
Source: src/components/_table.scss, line 151