Phoenix Reisen Styleguide

900.1 #permalink Zeilen

Toggle example guides Toggle HTML markup

Zeilenspezifische Styles

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