<div class="page-wrapper">
<aside class="page-nav">
<button class="icon-close btn-borderless p-0 close-nav" data-overlay-close>
Lukk meny
</button>
<ul class="list-reset list-md">
<li>
<a class="icon-account-circle is-active" href="/components/preview/page-profile">Min profil</a>
</li>
<li>
<a class="icon-people " href="/components/preview/page-members">Medlemmer</a>
</li>
<li>
<a class="icon-calendar-today " href="">Aktiviteter</a>
</li>
<li>
<a class="icon-person " href="">Likeperson</a>
</li>
<li>
<a class="icon-arrow-forward " href="">Logg inn</a>
</li>
<li>
<a class="icon-arrow-back " href="">Logg ut</a>
</li>
</ul>
</aside>
<main class="page-main">
<header class="page-header">
<div class="container">
<div class="row">
<div class="logo-group">
<button class="btn-icon btn-borderless toggle-nav" data-toggle-selector=".page-nav" data-toggle-class="is-open" data-overlay-selector=".page-nav" data-overlay-class="is-open">
<span class="icon-menu"></span>
<span class="visually-hidden">Toggle navigation</span>
</button>
<a href="/" class="block">
<svg class="logo">
<use xlink:href="/svg/spritemap.svg#logo-barnekreftforeningen"></use>
</svg>
<span class="visually-hidden">Barnekreftforeningen</span>
</a>
</div>
<span class="text-sm color-dark-grey icon-account-circle">Ola Nordmann</span>
</div>
</div>
</header>
<div class="page-body">
<div class="container">
<div class="row">
<div class="grid-base">
<div class="grid-item-two-third">
<header class="section-header">
<h1>Medlemmer</h1>
</header>
</div>
<div class="grid-item-two-third">
<form action="">
<details data-webform-key="flexbox" data-drupal-selector="edit-flexbox" id="edit-flexbox" class="js-form-wrapper form-wrapper" open="open">
<summary role="button" aria-controls="edit-flexbox" aria-expanded="true" aria-pressed="true">
Flexbox
</summary>
<div class="details-wrapper">
<div data-drupal-selector="edit-webform-flexbox" class="webform-flexbox js-webform-flexbox js-form-wrapper form-wrapper" id="edit-webform-flexbox">
<div class="webform-flex webform-flex--1">
<div class="webform-flex--container">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-element-flex-1 form-item-element-flex-1">
<label for="edit-element-flex-1">
Element (Flex: 1)
</label>
<input data-drupal-selector="edit-element-flex-1" type="text" id="edit-element-flex-1" name="element_flex_1" value="" size="60" maxlength="255" class="form-text" />
</div>
</div>
</div>
<div class="webform-flex webform-flex--2">
<div class="webform-flex--container">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-element-flex-2 form-item-element-flex-2">
<label for="edit-element-flex-2">
Element (Flex: 2)
</label>
<input data-drupal-selector="edit-element-flex-2" type="text" id="edit-element-flex-2" name="element_flex_2" value="" size="60" maxlength="255" class="form-text" />
</div>
</div>
</div>
<div class="webform-flex webform-flex--3">
<div class="webform-flex--container">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-element-flex-3 form-item-element-flex-3">
<label for="edit-element-flex-3">
Element (Flex: 3)
</label>
<input data-drupal-selector="edit-element-flex-3" type="text" id="edit-element-flex-3" name="element_flex_3" value="" size="60" maxlength="255" class="form-text" />
</div>
</div>
</div>
</div>
</div>
</details>
<details data-webform-key="container_elements" data-drupal-selector="edit-container-elements" id="edit-container-elements" class="js-form-wrapper form-wrapper" open="">
<summary role="button" aria-controls="edit-container-elements" aria-expanded="true" aria-pressed="true">
Containers elements
</summary>
<div class="details-wrapper">
<details data-webform-key="details" data-drupal-selector="edit-details" aria-describedby="edit-details--description" id="edit-details" class="js-form-wrapper form-wrapper">
<summary role="button" aria-controls="edit-details" aria-expanded="false" aria-pressed="false">
Details
</summary>
<div class="details-wrapper">
<div class="details-description">
<div id="edit-details--description" class="webform-element-description">
This is a description.
</div>
</div>
</div>
</details>
<fieldset data-drupal-selector="edit-fieldset" aria-describedby="edit-fieldset--description" id="edit-fieldset" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">Fieldset</span>
</legend>
<div class="fieldset-wrapper">
<div class="description">
<div id="edit-fieldset--description" class="webform-element-description">
This is a description.
</div>
</div>
</div>
</fieldset>
<section data-drupal-selector="edit-webform-section" aria-describedby="edit-webform-section--description" id="edit-webform-section" class="js-form-item form-item js-form-wrapper form-wrapper webform-section">
<h2 class="webform-section-title">
Section
</h2>
<div class="webform-section-wrapper">
<div class="description">
<div id="edit-webform-section--description" class="webform-element-description">
This is a description.
</div>
</div>
</div>
</section>
<div class="form--inline clearfix js-form-wrapper form-wrapper" data-drupal-selector="edit-container-form-inline" id="edit-container-form-inline">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-form-inline-01 form-item-form-inline-01">
<label for="edit-form-inline-01">
Form inline 01
</label>
<input data-drupal-selector="edit-form-inline-01" type="text" id="edit-form-inline-01" name="form_inline_01" value="" size="10" maxlength="255" class="form-text" />
</div>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-form-inline-02 form-item-form-inline-02">
<label for="edit-form-inline-02">
Form inline 02
</label>
<input data-drupal-selector="edit-form-inline-02" type="text" id="edit-form-inline-02" name="form_inline_02" value="" size="10" maxlength="255" class="form-text" />
</div>
</div>
<div class="container-inline clearfix js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-container-inline form-item-container-inline">
<label for="edit-container-inline">
Container inline
</label>
<input data-drupal-selector="edit-container-inline" type="text" id="edit-container-inline" name="container_inline" value="" size="60" maxlength="255" class="form-text" />
</div>
<div class="js-form-item form-item js-form-type-webform-table form-type-webform-table js-form-item-table form-item-table">
<label>
Table
</label>
<div class="tableresponsive-toggle-columns">
<button type="button" class="link tableresponsive-toggle" title="Show table cells that were hidden to make the table fit within a small screen." style="display: none;">
Hide lower priority columns
</button>
</div>
<table data-drupal-selector="edit-table" class="webform-table responsive-enabled" id="edit-table" data-striping="1">
<thead>
<tr>
<th style="width: 40%">
First Name
</th>
<th style="width: 40%">
Last Name
</th>
<th style="width: 20%">
Gender
</th>
</tr>
</thead>
<tbody>
<tr data-drupal-selector="edit-table-01" class="webform-table-row odd">
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-01-first-name form-item-table-01-first-name form-no-label">
<label for="edit-table-01-first-name" class="visually-hidden">
First name (1)
</label>
<input data-drupal-selector="edit-table-01-first-name" type="text" id="edit-table-01-first-name" name="table_01_first_name" value="" size="60" maxlength="255" class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-01-last-name form-item-table-01-last-name form-no-label">
<label for="edit-table-01-last-name" class="visually-hidden">
Last name (1)
</label>
<input data-drupal-selector="edit-table-01-last-name" type="text" id="edit-table-01-last-name" name="table_01_last_name" value="" size="60" maxlength="255" class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-table-01-gender form-item-table-01-gender form-no-label">
<label for="edit-table-01-gender" class="visually-hidden">
Gender (1)
</label>
<select data-drupal-selector="edit-table-01-gender" id="edit-table-01-gender" name="table_01_gender" class="form-select">
<option value="" selected="selected">
- None -
</option>
<option value="Male">
Male
</option>
<option value="Female">
Female
</option>
</select>
</div>
</td>
</tr>
<tr class="js-webform-states-hidden webform-table-row js-form-item even" data-drupal-selector="edit-table-02" data-drupal-states="" style="display: none;">
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-02-first-name form-item-table-02-first-name form-no-label">
<label for="edit-table-02-first-name" class="visually-hidden">
First name (2)
</label>
<input data-drupal-selector="edit-table-02-first-name" type="text" id="edit-table-02-first-name" name="table_02_first_name" value="" size="60" maxlength="255" class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-02-last-name form-item-table-02-last-name form-no-label">
<label for="edit-table-02-last-name" class="visually-hidden">
Last name (2)
</label>
<input data-drupal-selector="edit-table-02-last-name" type="text" id="edit-table-02-last-name" name="table_02_last_name" value="" size="60" maxlength="255" class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-table-02-gender form-item-table-02-gender form-no-label">
<label for="edit-table-02-gender" class="visually-hidden">
Gender (2)
</label>
<select data-drupal-selector="edit-table-02-gender" id="edit-table-02-gender" name="table_02_gender" class="form-select">
<option value="" selected="selected">
- None -
</option>
<option value="Male">
Male
</option>
<option value="Female">
Female
</option>
</select>
</div>
</td>
</tr>
<tr class="js-webform-states-hidden webform-table-row js-form-item odd" data-drupal-selector="edit-table-03" data-drupal-states="" style="display: none;">
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-03-first-name form-item-table-03-first-name form-no-label">
<label for="edit-table-03-first-name" class="visually-hidden">
First name (3)
</label>
<input data-drupal-selector="edit-table-03-first-name" type="text" id="edit-table-03-first-name" name="table_03_first_name" value="" size="60" maxlength="255" class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-03-last-name form-item-table-03-last-name form-no-label">
<label for="edit-table-03-last-name" class="visually-hidden">
Last name (3)
</label>
<input data-drupal-selector="edit-table-03-last-name" type="text" id="edit-table-03-last-name" name="table_03_last_name" value="" size="60" maxlength="255" class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-table-03-gender form-item-table-03-gender form-no-label">
<label for="edit-table-03-gender" class="visually-hidden">
Gender (3)
</label>
<select data-drupal-selector="edit-table-03-gender" id="edit-table-03-gender" name="table_03_gender" class="form-select">
<option value="" selected="selected">
- None -
</option>
<option value="Male">
Male
</option>
<option value="Female">
Female
</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</details>
<details data-webform-key="basic_elements" data-drupal-selector="edit-basic-elements" id="edit-basic-elements" class="js-form-wrapper form-wrapper" open="open">
<summary role="button" aria-controls="edit-basic-elements" aria-expanded="true" aria-pressed="true">
Basic elements
</summary>
<div class="details-wrapper">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-textfield form-item-textfield">
<label for="edit-textfield">
Text field
</label>
<input data-drupal-selector="edit-textfield" type="text" id="edit-textfield" name="textfield" value="" size="60" maxlength="255" class="form-text" />
</div>
<div class="js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-textarea form-item-textarea">
<label for="edit-textarea">
Textarea
</label>
<div class="form-textarea-wrapper">
<textarea data-drupal-selector="edit-textarea" id="edit-textarea" name="textarea" rows="5" cols="60" class="form-textarea resize-vertical"></textarea>
</div>
</div>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-select form-item-select">
<label for="edit-select">
Select
</label>
<select data-drupal-selector="edit-select" id="edit-select" name="select" class="form-select">
<option value="" selected="selected">
- None -
</option>
<option value="one">
One
</option>
<option value="two">
Two
</option>
<option value="three">
Three
</option>
</select>
</div>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-select-select2 form-item-select-select2">
<label for="edit-select-select2">
Select (Select2)
</label>
<select class="js-webform-select2 webform-select2 form-select select2-hidden-accessible" data-drupal-selector="edit-select-select2" id="edit-select-select2" name="select_select2" data-select2-id="edit-select-select2" tabindex="-1" aria-hidden="true">
<option value=""
selected="selected"
data-select2-id="2">
- None -
</option>
<option value="one">
One
</option>
<option value="two">
Two
</option>
<option value="three">
Three
</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="1" style="width: 100%;">
<span class="selection">
<span class="select2-selection select2-selection--single"
role="combobox"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
aria-disabled="false"
aria-labelledby="select2-edit-select-select2-container">
<span class="select2-selection__rendered"
id="select2-edit-select-select2-container"
role="textbox"
aria-readonly="true"
title="- None -">
- None -
</span><span class="select2-selection__arrow" role="presentation">
<b role="presentation"></b>
</span>
</span>
</span><span class="dropdown-wrapper" aria-hidden="true">
</span>
</span>
</div>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-select-multiple form-item-select-multiple">
<label for="edit-select-multiple">
Select multiple
</label>
<select data-drupal-selector="edit-select-multiple" multiple="multiple" name="select_multiple[]" id="edit-select-multiple" class="form-select">
<option value="one">
One
</option>
<option value="two">
Two
</option>
<option value="three">
Three
</option>
</select>
</div>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-select-multiple-select2 form-item-select-multiple-select2">
<label for="edit-select-multiple-select2">
Select multiple (Select2)
</label>
<select class="js-webform-select2 webform-select2 form-select select2-hidden-accessible" data-drupal-selector="edit-select-multiple-select2" multiple="" name="select_multiple_select2[]" id="edit-select-multiple-select2" data-select2-id="edit-select-multiple-select2"
tabindex="-1" aria-hidden="true">
<option value="one">
One
</option>
<option value="two">
Two
</option>
<option value="three">
Three
</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="3" style="width: 100%;">
<span class="selection">
<span class="select2-selection select2-selection--multiple"
role="combobox"
aria-haspopup="true"
aria-expanded="false"
tabindex="-1"
aria-disabled="false">
<ul class="select2-selection__rendered">
<li class="select2-search select2-search--inline">
<input class="select2-search__field"
type="search"
tabindex="0"
autocomplete="off"
autocorrect="off"
autocapitalize="none"
spellcheck="false"
role="searchbox"
aria-autocomplete="list"
placeholder=""
style="width: 0.75em;" />
</li>
</ul>
</span>
</span><span class="dropdown-wrapper" aria-hidden="true">
</span>
</span>
</div>
<fieldset data-drupal-selector="edit-checkboxes" id="edit-checkboxes--wrapper" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">Checkboxes</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-checkboxes" class="js-webform-checkboxes webform-options-display-side-by-side form-checkboxes">
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-one form-item-checkboxes-one">
<input data-drupal-selector="edit-checkboxes-one" type="checkbox" id="edit-checkboxes-one" name="checkboxes[one]" value="one" class="form-checkbox" />
<label for="edit-checkboxes-one" class="option">
One
</label>
</div>
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-two form-item-checkboxes-two">
<input data-drupal-selector="edit-checkboxes-two" type="checkbox" id="edit-checkboxes-two" name="checkboxes[two]" value="two" class="form-checkbox" />
<label for="edit-checkboxes-two" class="option">
Two
</label>
</div>
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-three form-item-checkboxes-three">
<input data-drupal-selector="edit-checkboxes-three" type="checkbox" id="edit-checkboxes-three" name="checkboxes[three]" value="three" class="form-checkbox" />
<label for="edit-checkboxes-three" class="option">
Three
</label>
</div>
</div>
</div>
</fieldset>
<fieldset data-drupal-selector="edit-checkboxes-help" id="edit-checkboxes-help--wrapper" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">
Checkboxes with help text
</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-checkboxes-help" class="js-webform-checkboxes webform-options-display-side-by-side form-checkboxes">
<div class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-help-one form-item-checkboxes-help-one">
<input data-drupal-selector="edit-checkboxes-help-one" type="checkbox" id="edit-checkboxes-help-one" name="checkboxes_help[one]" value="one" class="form-checkbox" />
<label for="edit-checkboxes-help-one" class="option">
One<span class="webform-element-help" role="tooltip" tabindex="0" data-webform-help="<div class="webform-element-help--title">One</div><div class="webform-element-help--content">This is help text.</div>"><span aria-hidden="true">
?
</span></span>
</label>
</div>
<div class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-help-two form-item-checkboxes-help-two">
<input data-drupal-selector="edit-checkboxes-help-two" type="checkbox" id="edit-checkboxes-help-two" name="checkboxes_help[two]" value="two" class="form-checkbox" />
<label for="edit-checkboxes-help-two" class="option">
Two<span class="webform-element-help" role="tooltip" tabindex="0" data-webform-help="<div class="webform-element-help--title">Two</div><div class="webform-element-help--content">This is help text.</div>"><span aria-hidden="true">
?
</span></span>
</label>
</div>
<div class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-help-three form-item-checkboxes-help-three">
<input data-drupal-selector="edit-checkboxes-help-three" type="checkbox" id="edit-checkboxes-help-three" name="checkboxes_help[three]" value="three" class="form-checkbox" />
<label for="edit-checkboxes-help-three" class="option">
Three<span class="webform-element-help" role="tooltip" tabindex="0" data-webform-help="<div class="webform-element-help--title">Three</div><div class="webform-element-help--content">This is help text.</div>"><span aria-hidden="true">
?
</span></span>
</label>
</div>
</div>
</div>
</fieldset>
<fieldset data-drupal-selector="edit-checkboxes-description" id="edit-checkboxes-description--wrapper" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">
Checkboxes with descriptions
</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-checkboxes-description" class="js-webform-checkboxes webform-options-display-one-column form-checkboxes">
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-description-one form-item-checkboxes-description-one">
<input data-drupal-selector="edit-checkboxes-description-one" aria-describedby="edit-checkboxes-description-one--description" type="checkbox" id="edit-checkboxes-description-one" name="checkboxes_description[one]" value="one" class="form-checkbox" />
<label for="edit-checkboxes-description-one" class="option">
One
</label>
<div class="description">
<div id="edit-checkboxes-description-one--description" class="webform-element-description">
This is a description.
</div>
</div>
</div>
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-description-two form-item-checkboxes-description-two">
<input data-drupal-selector="edit-checkboxes-description-two" aria-describedby="edit-checkboxes-description-two--description" type="checkbox" id="edit-checkboxes-description-two" name="checkboxes_description[two]" value="two" class="form-checkbox" />
<label for="edit-checkboxes-description-two" class="option">
Two
</label>
<div class="description">
<div id="edit-checkboxes-description-two--description" class="webform-element-description">
This is a description.
</div>
</div>
</div>
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-description-three form-item-checkboxes-description-three">
<input data-drupal-selector="edit-checkboxes-description-three" aria-describedby="edit-checkboxes-description-three--description" type="checkbox" id="edit-checkboxes-description-three" name="checkboxes_description[three]" value="three" class="form-checkbox"
/>
<label for="edit-checkboxes-description-three" class="option">
Three
</label>
<div class="description">
<div id="edit-checkboxes-description-three--description" class="webform-element-description">
This is a description.
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset data-drupal-selector="edit-radios" id="edit-radios--wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">Radios</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-radios" class="js-webform-radios webform-options-display-side-by-side form-radios">
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios">
<input data-drupal-selector="edit-radios-one" type="radio" id="edit-radios-one" name="radios" value="one" class="form-radio" />
<label for="edit-radios-one" class="option">
One
</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios">
<input data-drupal-selector="edit-radios-two" type="radio" id="edit-radios-two" name="radios" value="two" class="form-radio" />
<label for="edit-radios-two" class="option">
Two
</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios">
<input data-drupal-selector="edit-radios-three" type="radio" id="edit-radios-three" name="radios" value="three" class="form-radio" />
<label for="edit-radios-three" class="option">
Three
</label>
</div>
</div>
</div>
</fieldset>
<fieldset data-drupal-selector="edit-radios-buttons" id="edit-radios-buttons--wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">
Radios (Buttons)
</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-radios-buttons" class="js-webform-radios webform-options-display-buttons form-radios">
<div class="webform-options-display-buttons-wrapper">
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios-buttons form-item-radios-buttons">
<input data-drupal-selector="edit-radios-buttons-one" class="visually-hidden form-radio" type="radio" id="edit-radios-buttons-one" name="radios_buttons" value="one" />
<label class="webform-options-display-buttons-label option" for="edit-radios-buttons-one">
One
</label>
</div>
</div>
<div class="webform-options-display-buttons-wrapper">
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios-buttons form-item-radios-buttons">
<input data-drupal-selector="edit-radios-buttons-two" class="visually-hidden form-radio" type="radio" id="edit-radios-buttons-two" name="radios_buttons" value="two" />
<label class="webform-options-display-buttons-label option" for="edit-radios-buttons-two">
Two
</label>
</div>
</div>
<div class="webform-options-display-buttons-wrapper">
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios-buttons form-item-radios-buttons">
<input data-drupal-selector="edit-radios-buttons-three" class="visually-hidden form-radio" type="radio" id="edit-radios-buttons-three" name="radios_buttons" value="three" />
<label class="webform-options-display-buttons-label option" for="edit-radios-buttons-three">
Three
</label>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</details>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<div class="page-wrapper">
{% include '@page-nav' %}
<main class="page-main">
{% include '@page-header' %}
<div class="page-body">
<div class="container">
<div class="row">
{% embed '@grid' with grid %}
{% block grid_items %}
{% embed '@grid-item--two-third' %}
{% block body %}
{% include '@header' with title %}
{% endblock %}
{% endembed %} {# end @grid-item--two-third #}
{% embed '@grid-item--two-third' %}
{% block body %}
<form action="">
<details data-webform-key="flexbox"
data-drupal-selector="edit-flexbox"
id="edit-flexbox"
class="js-form-wrapper form-wrapper"
open="open">
<summary role="button"
aria-controls="edit-flexbox"
aria-expanded="true"
aria-pressed="true">
Flexbox
</summary>
<div class="details-wrapper">
<div data-drupal-selector="edit-webform-flexbox"
class="webform-flexbox js-webform-flexbox js-form-wrapper form-wrapper"
id="edit-webform-flexbox">
<div class="webform-flex webform-flex--1">
<div class="webform-flex--container">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-element-flex-1 form-item-element-flex-1">
<label for="edit-element-flex-1">
Element (Flex: 1)
</label>
<input data-drupal-selector="edit-element-flex-1"
type="text"
id="edit-element-flex-1"
name="element_flex_1"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</div>
</div>
<div class="webform-flex webform-flex--2">
<div class="webform-flex--container">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-element-flex-2 form-item-element-flex-2">
<label for="edit-element-flex-2">
Element (Flex: 2)
</label>
<input data-drupal-selector="edit-element-flex-2"
type="text"
id="edit-element-flex-2"
name="element_flex_2"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</div>
</div>
<div class="webform-flex webform-flex--3">
<div class="webform-flex--container">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-element-flex-3 form-item-element-flex-3">
<label for="edit-element-flex-3">
Element (Flex: 3)
</label>
<input data-drupal-selector="edit-element-flex-3"
type="text"
id="edit-element-flex-3"
name="element_flex_3"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</div>
</div>
</div>
</div>
</details>
<details data-webform-key="container_elements"
data-drupal-selector="edit-container-elements"
id="edit-container-elements"
class="js-form-wrapper form-wrapper"
open="">
<summary role="button"
aria-controls="edit-container-elements"
aria-expanded="true"
aria-pressed="true">
Containers elements
</summary>
<div class="details-wrapper">
<details data-webform-key="details"
data-drupal-selector="edit-details"
aria-describedby="edit-details--description"
id="edit-details"
class="js-form-wrapper form-wrapper">
<summary role="button"
aria-controls="edit-details"
aria-expanded="false"
aria-pressed="false">
Details
</summary>
<div class="details-wrapper">
<div class="details-description">
<div id="edit-details--description"
class="webform-element-description">
This is a description.
</div>
</div>
</div>
</details>
<fieldset data-drupal-selector="edit-fieldset"
aria-describedby="edit-fieldset--description"
id="edit-fieldset"
class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">Fieldset</span>
</legend>
<div class="fieldset-wrapper">
<div class="description">
<div id="edit-fieldset--description"
class="webform-element-description">
This is a description.
</div>
</div>
</div>
</fieldset>
<section data-drupal-selector="edit-webform-section"
aria-describedby="edit-webform-section--description"
id="edit-webform-section"
class="js-form-item form-item js-form-wrapper form-wrapper webform-section">
<h2 class="webform-section-title">
Section
</h2>
<div class="webform-section-wrapper">
<div class="description">
<div id="edit-webform-section--description"
class="webform-element-description">
This is a description.
</div>
</div>
</div>
</section>
<div class="form--inline clearfix js-form-wrapper form-wrapper"
data-drupal-selector="edit-container-form-inline"
id="edit-container-form-inline">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-form-inline-01 form-item-form-inline-01">
<label for="edit-form-inline-01">
Form inline 01
</label>
<input data-drupal-selector="edit-form-inline-01"
type="text"
id="edit-form-inline-01"
name="form_inline_01"
value=""
size="10"
maxlength="255"
class="form-text" />
</div>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-form-inline-02 form-item-form-inline-02">
<label for="edit-form-inline-02">
Form inline 02
</label>
<input data-drupal-selector="edit-form-inline-02"
type="text"
id="edit-form-inline-02"
name="form_inline_02"
value=""
size="10"
maxlength="255"
class="form-text" />
</div>
</div>
<div class="container-inline clearfix js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-container-inline form-item-container-inline">
<label for="edit-container-inline">
Container inline
</label>
<input data-drupal-selector="edit-container-inline"
type="text"
id="edit-container-inline"
name="container_inline"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
<div class="js-form-item form-item js-form-type-webform-table form-type-webform-table js-form-item-table form-item-table">
<label>
Table
</label>
<div class="tableresponsive-toggle-columns">
<button type="button"
class="link tableresponsive-toggle"
title="Show table cells that were hidden to make the table fit within a small screen."
style="display: none;">
Hide lower priority columns
</button>
</div>
<table data-drupal-selector="edit-table"
class="webform-table responsive-enabled"
id="edit-table"
data-striping="1">
<thead>
<tr>
<th style="width: 40%">
First Name
</th>
<th style="width: 40%">
Last Name
</th>
<th style="width: 20%">
Gender
</th>
</tr>
</thead>
<tbody>
<tr data-drupal-selector="edit-table-01"
class="webform-table-row odd">
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-01-first-name form-item-table-01-first-name form-no-label">
<label for="edit-table-01-first-name"
class="visually-hidden">
First name (1)
</label>
<input data-drupal-selector="edit-table-01-first-name"
type="text"
id="edit-table-01-first-name"
name="table_01_first_name"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-01-last-name form-item-table-01-last-name form-no-label">
<label for="edit-table-01-last-name"
class="visually-hidden">
Last name (1)
</label>
<input data-drupal-selector="edit-table-01-last-name"
type="text"
id="edit-table-01-last-name"
name="table_01_last_name"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-table-01-gender form-item-table-01-gender form-no-label">
<label for="edit-table-01-gender"
class="visually-hidden">
Gender (1)
</label>
<select data-drupal-selector="edit-table-01-gender"
id="edit-table-01-gender"
name="table_01_gender"
class="form-select">
<option value="" selected="selected">
- None -
</option>
<option value="Male">
Male
</option>
<option value="Female">
Female
</option>
</select>
</div>
</td>
</tr>
<tr class="js-webform-states-hidden webform-table-row js-form-item even"
data-drupal-selector="edit-table-02"
data-drupal-states=""
style="display: none;">
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-02-first-name form-item-table-02-first-name form-no-label">
<label for="edit-table-02-first-name"
class="visually-hidden">
First name (2)
</label>
<input data-drupal-selector="edit-table-02-first-name"
type="text"
id="edit-table-02-first-name"
name="table_02_first_name"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-02-last-name form-item-table-02-last-name form-no-label">
<label for="edit-table-02-last-name"
class="visually-hidden">
Last name (2)
</label>
<input data-drupal-selector="edit-table-02-last-name"
type="text"
id="edit-table-02-last-name"
name="table_02_last_name"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-table-02-gender form-item-table-02-gender form-no-label">
<label for="edit-table-02-gender"
class="visually-hidden">
Gender (2)
</label>
<select data-drupal-selector="edit-table-02-gender"
id="edit-table-02-gender"
name="table_02_gender"
class="form-select">
<option value="" selected="selected">
- None -
</option>
<option value="Male">
Male
</option>
<option value="Female">
Female
</option>
</select>
</div>
</td>
</tr>
<tr class="js-webform-states-hidden webform-table-row js-form-item odd"
data-drupal-selector="edit-table-03"
data-drupal-states=""
style="display: none;">
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-03-first-name form-item-table-03-first-name form-no-label">
<label for="edit-table-03-first-name"
class="visually-hidden">
First name (3)
</label>
<input data-drupal-selector="edit-table-03-first-name"
type="text"
id="edit-table-03-first-name"
name="table_03_first_name"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-table-03-last-name form-item-table-03-last-name form-no-label">
<label for="edit-table-03-last-name"
class="visually-hidden">
Last name (3)
</label>
<input data-drupal-selector="edit-table-03-last-name"
type="text"
id="edit-table-03-last-name"
name="table_03_last_name"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
</td>
<td>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-table-03-gender form-item-table-03-gender form-no-label">
<label for="edit-table-03-gender"
class="visually-hidden">
Gender (3)
</label>
<select data-drupal-selector="edit-table-03-gender"
id="edit-table-03-gender"
name="table_03_gender"
class="form-select">
<option value="" selected="selected">
- None -
</option>
<option value="Male">
Male
</option>
<option value="Female">
Female
</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</details>
<details data-webform-key="basic_elements"
data-drupal-selector="edit-basic-elements"
id="edit-basic-elements"
class="js-form-wrapper form-wrapper"
open="open">
<summary role="button"
aria-controls="edit-basic-elements"
aria-expanded="true"
aria-pressed="true">
Basic elements
</summary>
<div class="details-wrapper">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-textfield form-item-textfield">
<label for="edit-textfield">
Text field
</label>
<input data-drupal-selector="edit-textfield"
type="text"
id="edit-textfield"
name="textfield"
value=""
size="60"
maxlength="255"
class="form-text" />
</div>
<div class="js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-textarea form-item-textarea">
<label for="edit-textarea">
Textarea
</label>
<div class="form-textarea-wrapper">
<textarea data-drupal-selector="edit-textarea"
id="edit-textarea"
name="textarea"
rows="5"
cols="60"
class="form-textarea resize-vertical"></textarea>
</div>
</div>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-select form-item-select">
<label for="edit-select">
Select
</label>
<select data-drupal-selector="edit-select"
id="edit-select"
name="select"
class="form-select">
<option value="" selected="selected">
- None -
</option>
<option value="one">
One
</option>
<option value="two">
Two
</option>
<option value="three">
Three
</option>
</select>
</div>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-select-select2 form-item-select-select2">
<label for="edit-select-select2">
Select (Select2)
</label>
<select class="js-webform-select2 webform-select2 form-select select2-hidden-accessible"
data-drupal-selector="edit-select-select2"
id="edit-select-select2"
name="select_select2"
data-select2-id="edit-select-select2"
tabindex="-1"
aria-hidden="true">
<option value=""
selected="selected"
data-select2-id="2">
- None -
</option>
<option value="one">
One
</option>
<option value="two">
Two
</option>
<option value="three">
Three
</option>
</select><span class="select2 select2-container select2-container--default"
dir="ltr"
data-select2-id="1"
style="width: 100%;">
<span class="selection">
<span class="select2-selection select2-selection--single"
role="combobox"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
aria-disabled="false"
aria-labelledby="select2-edit-select-select2-container">
<span class="select2-selection__rendered"
id="select2-edit-select-select2-container"
role="textbox"
aria-readonly="true"
title="- None -">
- None -
</span><span class="select2-selection__arrow"
role="presentation">
<b role="presentation"></b>
</span>
</span>
</span><span class="dropdown-wrapper"
aria-hidden="true">
</span>
</span>
</div>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-select-multiple form-item-select-multiple">
<label for="edit-select-multiple">
Select multiple
</label>
<select data-drupal-selector="edit-select-multiple"
multiple="multiple"
name="select_multiple[]"
id="edit-select-multiple"
class="form-select">
<option value="one">
One
</option>
<option value="two">
Two
</option>
<option value="three">
Three
</option>
</select>
</div>
<div class="js-form-item form-item js-form-type-select form-type-select js-form-item-select-multiple-select2 form-item-select-multiple-select2">
<label for="edit-select-multiple-select2">
Select multiple (Select2)
</label>
<select class="js-webform-select2 webform-select2 form-select select2-hidden-accessible"
data-drupal-selector="edit-select-multiple-select2"
multiple=""
name="select_multiple_select2[]"
id="edit-select-multiple-select2"
data-select2-id="edit-select-multiple-select2"
tabindex="-1"
aria-hidden="true">
<option value="one">
One
</option>
<option value="two">
Two
</option>
<option value="three">
Three
</option>
</select><span class="select2 select2-container select2-container--default"
dir="ltr"
data-select2-id="3"
style="width: 100%;">
<span class="selection">
<span class="select2-selection select2-selection--multiple"
role="combobox"
aria-haspopup="true"
aria-expanded="false"
tabindex="-1"
aria-disabled="false">
<ul class="select2-selection__rendered">
<li class="select2-search select2-search--inline">
<input class="select2-search__field"
type="search"
tabindex="0"
autocomplete="off"
autocorrect="off"
autocapitalize="none"
spellcheck="false"
role="searchbox"
aria-autocomplete="list"
placeholder=""
style="width: 0.75em;" />
</li>
</ul>
</span>
</span><span class="dropdown-wrapper"
aria-hidden="true">
</span>
</span>
</div>
<fieldset data-drupal-selector="edit-checkboxes"
id="edit-checkboxes--wrapper"
class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">Checkboxes</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-checkboxes"
class="js-webform-checkboxes webform-options-display-side-by-side form-checkboxes">
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-one form-item-checkboxes-one">
<input data-drupal-selector="edit-checkboxes-one"
type="checkbox"
id="edit-checkboxes-one"
name="checkboxes[one]"
value="one"
class="form-checkbox" />
<label for="edit-checkboxes-one" class="option">
One
</label>
</div>
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-two form-item-checkboxes-two">
<input data-drupal-selector="edit-checkboxes-two"
type="checkbox"
id="edit-checkboxes-two"
name="checkboxes[two]"
value="two"
class="form-checkbox" />
<label for="edit-checkboxes-two" class="option">
Two
</label>
</div>
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-three form-item-checkboxes-three">
<input data-drupal-selector="edit-checkboxes-three"
type="checkbox"
id="edit-checkboxes-three"
name="checkboxes[three]"
value="three"
class="form-checkbox" />
<label for="edit-checkboxes-three"
class="option">
Three
</label>
</div>
</div>
</div>
</fieldset>
<fieldset data-drupal-selector="edit-checkboxes-help"
id="edit-checkboxes-help--wrapper"
class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">
Checkboxes with help text
</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-checkboxes-help"
class="js-webform-checkboxes webform-options-display-side-by-side form-checkboxes">
<div class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-help-one form-item-checkboxes-help-one">
<input data-drupal-selector="edit-checkboxes-help-one"
type="checkbox"
id="edit-checkboxes-help-one"
name="checkboxes_help[one]"
value="one"
class="form-checkbox" />
<label for="edit-checkboxes-help-one"
class="option">
One<span class="webform-element-help" role="tooltip" tabindex="0" data-webform-help="<div class="webform-element-help--title">One</div><div class="webform-element-help--content">This is help text.</div>"><span aria-hidden="true">
?
</span></span>
</label>
</div>
<div class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-help-two form-item-checkboxes-help-two">
<input data-drupal-selector="edit-checkboxes-help-two"
type="checkbox"
id="edit-checkboxes-help-two"
name="checkboxes_help[two]"
value="two"
class="form-checkbox" />
<label for="edit-checkboxes-help-two"
class="option">
Two<span class="webform-element-help" role="tooltip" tabindex="0" data-webform-help="<div class="webform-element-help--title">Two</div><div class="webform-element-help--content">This is help text.</div>"><span aria-hidden="true">
?
</span></span>
</label>
</div>
<div class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-help-three form-item-checkboxes-help-three">
<input data-drupal-selector="edit-checkboxes-help-three"
type="checkbox"
id="edit-checkboxes-help-three"
name="checkboxes_help[three]"
value="three"
class="form-checkbox" />
<label for="edit-checkboxes-help-three"
class="option">
Three<span class="webform-element-help" role="tooltip" tabindex="0" data-webform-help="<div class="webform-element-help--title">Three</div><div class="webform-element-help--content">This is help text.</div>"><span aria-hidden="true">
?
</span></span>
</label>
</div>
</div>
</div>
</fieldset>
<fieldset data-drupal-selector="edit-checkboxes-description"
id="edit-checkboxes-description--wrapper"
class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">
Checkboxes with descriptions
</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-checkboxes-description"
class="js-webform-checkboxes webform-options-display-one-column form-checkboxes">
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-description-one form-item-checkboxes-description-one">
<input data-drupal-selector="edit-checkboxes-description-one"
aria-describedby="edit-checkboxes-description-one--description"
type="checkbox"
id="edit-checkboxes-description-one"
name="checkboxes_description[one]"
value="one"
class="form-checkbox" />
<label for="edit-checkboxes-description-one"
class="option">
One
</label>
<div class="description">
<div id="edit-checkboxes-description-one--description"
class="webform-element-description">
This is a description.
</div>
</div>
</div>
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-description-two form-item-checkboxes-description-two">
<input data-drupal-selector="edit-checkboxes-description-two"
aria-describedby="edit-checkboxes-description-two--description"
type="checkbox"
id="edit-checkboxes-description-two"
name="checkboxes_description[two]"
value="two"
class="form-checkbox" />
<label for="edit-checkboxes-description-two"
class="option">
Two
</label>
<div class="description">
<div id="edit-checkboxes-description-two--description"
class="webform-element-description">
This is a description.
</div>
</div>
</div>
<div class="js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkboxes-description-three form-item-checkboxes-description-three">
<input data-drupal-selector="edit-checkboxes-description-three"
aria-describedby="edit-checkboxes-description-three--description"
type="checkbox"
id="edit-checkboxes-description-three"
name="checkboxes_description[three]"
value="three"
class="form-checkbox" />
<label for="edit-checkboxes-description-three"
class="option">
Three
</label>
<div class="description">
<div id="edit-checkboxes-description-three--description"
class="webform-element-description">
This is a description.
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset data-drupal-selector="edit-radios"
id="edit-radios--wrapper"
class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">Radios</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-radios"
class="js-webform-radios webform-options-display-side-by-side form-radios">
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios">
<input data-drupal-selector="edit-radios-one"
type="radio"
id="edit-radios-one"
name="radios"
value="one"
class="form-radio" />
<label for="edit-radios-one" class="option">
One
</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios">
<input data-drupal-selector="edit-radios-two"
type="radio"
id="edit-radios-two"
name="radios"
value="two"
class="form-radio" />
<label for="edit-radios-two" class="option">
Two
</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios">
<input data-drupal-selector="edit-radios-three"
type="radio"
id="edit-radios-three"
name="radios"
value="three"
class="form-radio" />
<label for="edit-radios-three" class="option">
Three
</label>
</div>
</div>
</div>
</fieldset>
<fieldset data-drupal-selector="edit-radios-buttons"
id="edit-radios-buttons--wrapper"
class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">
Radios (Buttons)
</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-radios-buttons"
class="js-webform-radios webform-options-display-buttons form-radios">
<div class="webform-options-display-buttons-wrapper">
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios-buttons form-item-radios-buttons">
<input data-drupal-selector="edit-radios-buttons-one"
class="visually-hidden form-radio"
type="radio"
id="edit-radios-buttons-one"
name="radios_buttons"
value="one" />
<label class="webform-options-display-buttons-label option"
for="edit-radios-buttons-one">
One
</label>
</div>
</div>
<div class="webform-options-display-buttons-wrapper">
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios-buttons form-item-radios-buttons">
<input data-drupal-selector="edit-radios-buttons-two"
class="visually-hidden form-radio"
type="radio"
id="edit-radios-buttons-two"
name="radios_buttons"
value="two" />
<label class="webform-options-display-buttons-label option"
for="edit-radios-buttons-two">
Two
</label>
</div>
</div>
<div class="webform-options-display-buttons-wrapper">
<div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios-buttons form-item-radios-buttons">
<input data-drupal-selector="edit-radios-buttons-three"
class="visually-hidden form-radio"
type="radio"
id="edit-radios-buttons-three"
name="radios_buttons"
value="three" />
<label class="webform-options-display-buttons-label option"
for="edit-radios-buttons-three">
Three
</label>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</details>
</form>
{% endblock %}
{% endembed %} {# end @grid-item--two-third #}
{% endblock %}
{% endembed %} {# end @grid #}
</div>
</div>
</div>
</main>
</div>
{
"title": {
"copy": "Medlemmer"
},
"paragraph_large": {
"copy": "Det er totalt 204 medlemmer i Østfold."
},
"test": "Her kan du:\n - Filtrere medlemmene etter barnets status.\n - Kopier e-postadresser for utsending av informasjon og tilbud.\n - Finne enkeltmedlem for direkte kontakt.\n - Se nye medlemmer og betalingsstatus.\n",
"btn_copy_emails": {
"text": "Kopier 12 e-poster",
"class": "btn-cta mr-sm"
},
"btn_toggle_member_list": {
"text": "Vis medlemmene"
},
"input_search_contact": {
"placeholder": "Søk på navn eller e-postadresse",
"id": "search-contact-filter"
}
}
There are no notes for this item.