1
1
mirror of https://github.com/primer/css.git synced 2024-12-12 10:47:14 +03:00
css/docs/content/objects/table-object.md
2021-03-30 16:53:47 -07:00

886 B

title path status source bundle
Table object objects/table-object Deprecated https://github.com/primer/css/tree/main/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>