Sha256: d18ad7ad3af8049bec6e32d909b991fe59b38f113ec01bb3a5abb913cfb6b1f6

Contents?: true

Size: 1.19 KB

Versions: 1878

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,878 entries across 1,878 versions & 2 rubygems

Version Path
playbook_ui-12.11.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.10.0.pre.alpha.PLAY705phonenumberreturn372 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.10.0.pre.alpha.PLAY677richtexteditorts370 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.10.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.9.1.pre.alpha.play664tiptapinvestigation353 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.9.1.pre.alpha.PLAY689bugtxtinputlabel346 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.9.1.pre.alpha.menucleanup345 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.9.1.pre.alpha.menucleanup342 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.9.1 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.9.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark301 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark300 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0.pre.alpha.PLAY649mapkitstyles299 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep298 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep297 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease296 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease295 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease294 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.8.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease293 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb