{# -------- STYLEGUIDE SECTION --------- 8. Controls ------------------------------------- #} {% include 'styleguide/section/partial/section-heading.html' with { title: '8. Controls' } only %} {# -------------------------------------- #} {# -------------------------------------- Input ------------------------------------- #} {% include 'styleguide/section/partial/section-block.html' with { heading: 'Input', description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum ipsa ratione iusto blanditiis minus fugiat.', exampleCode: '', subsections: [ { heading: 'Disabled State', exampleCode: '', }, { heading: 'Readonly State', exampleCode: '', }, ], } only %} {# -------------------------------------- Textarea ------------------------------------- #} {% include 'styleguide/section/partial/section-block.html' with { heading: 'Textarea', description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum ipsa ratione iusto blanditiis minus fugiat.', exampleCode: '', } only %} {# -------------------------------------- Checkboxes ------------------------------------- #} {% include 'styleguide/section/partial/section-block.html' with { heading: 'Checkboxes', description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum ipsa ratione iusto blanditiis minus fugiat.', subsections: [ { heading: 'Default (Stacked)', exampleCode: '
', }, { heading: 'Inline', exampleCode: ' ', }, ], } only %} {# -------------------------------------- Radios ------------------------------------- #} {% include 'styleguide/section/partial/section-block.html' with { heading: 'Radios', description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum ipsa ratione iusto blanditiis minus fugiat.', subsections: [ { heading: 'Default (Stacked)', exampleCode: '
', }, { heading: 'Inline', exampleCode: ' ', }, ], } only %} {# -------------------------------------- Selects ------------------------------------- #} {% include 'styleguide/section/partial/section-block.html' with { heading: 'Selects', description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, sed?', exampleCode: '', subsections: [ { heading: 'Multiple', exampleCode: '', }, ], } only %}
{# .sg-container #}
{# .sg-section #}