Sha256: 4cc0bfb2025c75623b0bda2996e9c90967190462dd6a9be86789d715c21fa62f

Contents?: true

Size: 1.29 KB

Versions: 5

Compression:

Stored size: 1.29 KB

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">
      <%= 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">
      <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

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-4.5.2 app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-4.5.1 app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-4.5.0 app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-4.4.1 app/pb_kits/playbook/config/_kit_ui.html.erb
playbook_ui-4.4.0 app/pb_kits/playbook/config/_kit_ui.html.erb