Contents

| <section class="section" id="
= demo.component.symbol_id
| " data-private="
= demo.component.private?
| "> 
header.content
  .grid
    .grid__item
      h3.type.type--heading.type--heading-2
        - if title = demo.component.title
          = title
        - else
          span.type--code
            = demo.component.name
    .grid__item.grid__item--no-flex
      .docks-button__container
        |  <div class="docks-button" data-xray-trigger="
        = demo.name
        | ">x-ray
- markup = render(inline: (demo.component.markup || demo.component.helper), layout: false)
-       code_details = []
-       code_details << { code: demo.component.helper, language: "erb", label: "Helper" } unless demo.component.helper.nil?
-       code_details << { code: markup, language: "html", label: "Markup" }
-       options = [demo.name].concat demo.joint_variations.map { |variant| variant.name }
= docks_code_block(code: code_details, hideable?: true, full_width?: true, hidden?: true, options: options, id: demo.name, demo: demo)
- #= docks_toggle_container variations: demo.select_variations(group_by_component: true), base_class: demo.component.name
- if demo.component.description
  .content
    .type-container
      = demo.component.description

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
docks_theme_api-1.0.3	assets/templates/slim/partials/symbols/demo.slim
docks_theme_api-1.0.2	assets/templates/slim/partials/symbols/demo.slim