Django pattern library

patterns/molecules/program/secondary_card_program.html

Window sizes

Template source
Template config
Template docs

<div class="bg-grey-180">
  <div
    class="__js-root container--wide"
    id="{{ id }}"
  >
    <ui-card-program
      background-class="bg-grey-180"
      open-point-background-class=""
      :points="{{ program_data }}"
    ></ui-card-program>
  </div>
</div>

context:
  program_data: "[
    {
      'slug': '1',
      'number': 1,
      'title': 'Cowork',
      'renderedContent': '<small>test</small>'
    },
    {
      'slug': '2',
      'number': 2,
      'title': 'Dětský koutek',
      'renderedContent': '<strong>test</strong>'
    },
    {
      'slug': '3',
      'number': 3,
      'title': 'Pořádání akcí',
      'renderedContent': '<strong>test</strong>'
    },
    {
      'slug': '4',
      'number': 4,
      'title': 'Cokoliv dalšího',
      'renderedContent': '<strong>test</strong>'
    }
  ]"