Sha256: d18ad7ad3af8049bec6e32d909b991fe59b38f113ec01bb3a5abb913cfb6b1f6

Contents?: true

Size: 1.19 KB

Versions: 1819

Compression:

Stored size: 1.19 KB

Contents

<%= pb_rails("card", props: {id: "position-element", margin_bottom: "md"}) do %>
  <%= pb_rails("body") do %>👋 Datepicker will position from here based on ID.<% end %>
<% end %>

<%= pb_rails("flex") do %>
  <%= pb_rails("flex/flex_item", props: {fixed_size: "50%"}) do %>
    <%= pb_rails("date_picker", props: {
      label: "Datepicker (opens on the right)",
      picker_id: "date-picker-position-element",
      position: "auto right",
      position_element: "#position-element",
      scroll_container: ".pb--page--content--main",
      static_position: false
    }) %>
  <% end %>
<% end %>

<%= pb_rails("card", props: {classname: "position-element", margin_bottom: "md"}) do %>
  <%= pb_rails("body") do %>👋 Datepicker will position from here based on class name.<% end %>
<% end %>

<%= pb_rails("flex") do %>
  <%= pb_rails("flex/flex_item", props: {fixed_size: "50%"}) do %>
    <%= pb_rails("date_picker", props: {
      label: "Datepicker (opens on the right)",
      picker_id: "date-picker-position-element2",
      position: "auto right",
      position_element: ".position-element",
      scroll_container: ".pb--page--content--main",
      static_position: false
    }) %>
  <% end %>
<% end %>

Version data entries

1,819 entries across 1,819 versions & 2 rubygems

Version Path
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease293 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease292 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease291 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.7.1.pre.alpha.alpharubyrelease281 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.7.1.pre.alpha.menu2 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.7.1.pre.alpha.menu1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.7.1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.7.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.6.0.pre.alpha.sectionseparator1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.6.0.pre.alpha.menuyml1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.6.0.pre.alpha.collapsible1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.6.0.pre.alpha.cssphone1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.6.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.5.0.pre.alpha.datepickerinput1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.5.0.pre.alpha.phonerails1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.5.0.pre.alpha.filter1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.5.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.4.0.pre.alpha.map1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.4.0.pre.alpha.devdocstest1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb