Contents

<% type ||= "rails" %>

<% if type == "react" %>
  <% contents = File.read("#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit_examples[:kit]}/docs/_#{key}.jsx") %>
<% else %>
  <% contents = File.read("#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit_examples[:kit]}/docs/_#{key}.html.erb") %>
<% end %>

<div class="pb--kit-example">
  <%= pb_rails("caption", props: { text: item }) %>
  <br>
  <% if type == "rails" %>
    <%= render partial: "pb_#{@kit_examples[:kit]}/docs/#{key}" %>
  <% elsif type == "react" %>
    <%= pb_react(key.camelize) %>
  <% end %>
  <br>
</div>

  <% if @show_code%>
    <div class="markdown pb--kit-example-markdown <%=ENV["dark_mode"] == "true" ? "dark" : "" %>">
      <%= markdown(get_per_sample_descriptions(@kit_examples[:kit], key)) %>
    </div>
    <div class="pb--codeControls">
      <ul>
        <li>
          <a href="#" data-toggle="code_example">Code Example</a>
        </li>
      </ul>
    </div>
    <div class="pb--codeCopy" data-action="toggle" data-togglable="code_example" style="display: none" >
      <%= pb_rails("section_separator")%>
      <a href="#" data-toggle="false" class="pb--close-toggle">Close</a>
      <% if type == "rails" %>
        <pre class="highlight"><%= raw rouge(contents, "erb") %></pre>
      <% elsif type == "react" %>
        <pre class="highlight"><%= raw rouge(contents, "react")%></pre>
      <% end %>
    </div>
  <% end %>

Version data entries

7 entries across 7 versions & 1 rubygems

Version	Path
playbook_ui-7.0.1.pre.alpha8	app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-7.0.1.pre.alpha7	app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-7.0.1.pre.alpha6	app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-7.0.1.pre.alpha5	app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-7.0.1.pre.alpha4	app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-7.0.1.pre.alpha3	app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-7.0.1.pre.alpha2	app/pb_kits/playbook/config/_kit_ui.html.erb