Contentstack Styleguide

Example

Table

Table header

  • Time
    Username
    Action
  • 5.00AM
    Bill Gate
    Delete
  • 6.00PM
    Sundar Pichhai
    Add
Markup
<h1>Table </h1>
<h3>Table header</h3>
<div class="cs-table clearfix">
<div class="cs-table-top-header">
 </div>
    <ul class="cs-table-head">
        <li class="table-row">
            <div class="table-cell w-30">Time</div>
            <div class="table-cell w-30">Username</div>
            <div class="table-cell w-30">Action</div>
        </li>
    </ul>
    <ul class="cs-table-body">
        <li class="table-row">
            <div class="table-cell w-30">5.00AM</div>
            <div class="table-cell w-30">Bill Gate</div>
            <div class="table-cell w-30">Delete</div>
        </li>
        <li class="table-row">
            <div class="table-cell w-30">6.00PM</div>
            <div class="table-cell w-30">Sundar Pichhai</div>
            <div class="table-cell w-30">Add</div>
        </li>
    </ul>
    <div class="cs-table-bottom-bar">
    </div>
</div>
Source: 4_Components/components.less, line 7