access-nyc-patterns/src/views/question.slm

User Interface Patterns for Benefits Access

/ Layout
= extend('layouts/default');

/ Component
- title = 'Question';

/ Partials
= partial('partials/styles.slm');
= partial('partials/links.slm');
= partial('partials/head.mixin.slm');
= partial('partials/content-header.mixin.slm');
= partial('section/section.mixin.slm');
= partial('section/section-text.mixin.slm');

/ Content blocks
= content('head');
  = mixin('head', title);

= content('header');
  = mixin('header', title);

= content('content');
  = mixin('content-header', title);
  = mixin('section-text', false, 'components/question/question');
  = mixin('section', 'Number Question', 'components/question/question-number');
  = mixin('section', 'Number Question Errors', 'components/question/question-number-error');

  - question__label = 'What is your email?';
  - question__description = 'We can send you a link to this page to help you get back to it when you’re ready.';
  - question__id = 'client-email-address';
  - question__name = 'Client[0].emailAddress';
  = mixin('section', 'Text Question', 'components/question/question-text');

  = mixin('section', 'Multiple Choice Question', 'components/question/question-multiple-choice');
  = mixin('section', 'Toggle Question', 'components/question/question-toggle');
  = mixin('section', 'Select Question', 'components/question/question-select');
  = mixin('section', 'Radio Question', 'components/question/question-radio');