Row(ui_row)

UiBibz::Ui::Core::Layouts::Row

Grid systems are used for creating page layouts through a series of rows that house your content. You can read about the doc : Bootstrap doc

Usage

This component is an extension of component element. A Ui Bibz component consists of 3 arguments:
  • content[value/block]
  • options[hash]<default: {}>
  • html_options[hash]<default: {}>

 # by variable 
 row content, options, html_options 

 # or by block 
 row options, html_options do 
   content 
 end

Options

The specific options for this component are:

Examples

Some examples explain how to use the options present in the component.

Row

ui_row class: "test" do
  ui_col do
    ui_text_field "test"
  end
  ui_col do
    ui_text_field "test"
  end
end

<div class="test row">
  <div class="col">
    <input type="text" name="test" id="test" class="form-control">
  </div>
  <div class="col">
    <input type="text" name="test" id="test" class="form-control">
  </div>
</div>

Type

ui_row type: :form, class: "test" do
  ui_col do
    ui_text_field "test"
  end
  ui_col do
    ui_text_field "test"
  end
end

<div class="test row">
  <div class="col">
    <input type="text" name="test" id="test" class="form-control">
  </div>
  <div class="col">
    <input type="text" name="test" id="test" class="form-control">
  </div>
</div>

Contents