mirror of
https://github.com/primer/css.git
synced 2024-12-12 10:47:14 +03:00
886 B
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>