Skip to content

Ячейка Сетки. ui-grid-cell

Является дочерним узлом компонетна ui-grid. Служит для создания ячейком с контентом. Возможное колличество ячеек от 1 до 12

Пример использования

<ui-grid
    :vr-gutter="1rem"
    :hr-gutter="2rem"
>
    <ui-grid-cell
        cells="6"
        cells-xs="12"
    >
        Какой то контент...
    </ui-grid-cell>
    <ui-grid-cell
        cells="6"
        cells-sm="10"
        cells-xs="12"
    >
        Какой то контент...
    </ui-grid-cell>
</ui-grid>

Параметры

Данный компонент поддерживает следущие параметры

  • cells - Колличество занимаех ячеек.
  • cells-lg - Колличество занимаемых ячеек при разрешении < 1200px.
  • cells-md - Колличество занимаемых ячеек при разрешении < 1024px.
  • cells-sm - Колличество занимаемых ячеек при разрешении < 768px.
  • cells-ss - Колличество занимаемых ячеек при разрешении < 640px.
  • cells-xs - Колличество занимаемых ячеек при разрешении < 480px.
  • cells-mc - Колличество занимаемых ячеек при разрешении < 380p.