1
1
mirror of https://github.com/primer/css.git synced 2024-09-21 05:39:15 +03:00
css/docs/content/objects/table-object.md
2019-08-12 15:33:06 -07:00

884 B

title path status source bundle
Table object objects/table-object Stable https://github.com/primer/css/tree/master/src/table-object table-object

The table object is a module for creating dynamically resizable elements that always sit on the same horizontal line (e.g., they never break to a new line). Using table styles in our CSS means it's cross browser friendly back to at least IE9.

Additional margin or padding may be required to properly space content.

<div class="TableObject">
  <div class="TableObject-item TableObject-item--primary">
    <input
      class="input-block form-control"
      type="text"
      placeholder="Long elastic input form"
      aria-label="Long elastic input form"
    />
  </div>
  <div class="TableObject-item">
    <button class="btn ml-2" type="button">Button</button>
  </div>
</div>