Feedback

Felt hvor brukeren kan gi tilbakemelding på nettstedets innhold. Ligger nederst på alle sider bortsett fra forside.

Initial state 

<section class="feedback-component" id="feedback-component">
	<form class="feedback-component__form">
		<h2 class="h4 feedback-component__heading">Fant du det du lette etter?</h2>
		<fieldset class="feedback-component__btn-group">
			<legend class="feedback-component__legend">Valg av tilbakemelding</legend>
			<button class="feedback-component__btn feedback-component__btn--success btn btn--success btn--small" data-value="1">Ja</button>
			<button class="feedback-component__btn feedback-component__btn--positive btn btn--positive btn--small" data-value="0">Nei</button>
		</fieldset>
		<fieldset class="feedback-component__fieldset">
			<legend class="feedback-component__legend">Tilbakemelding</legend>
			<label for="feedback-component__textarea" class="feedback-component__label">Hva lette du etter? Dine innspill hjelper oss med å forbedre nettstedet, men vi svarer ikke på henvendelser.</label>
			<textarea id="feedback-component__textarea" class="feedback-component__textarea form__textarea form__textarea--smaller" placeholder=" " maxlength="1400"></textarea>
			<input type="hidden" aria-hidden="true" id="pageguid" value="23869226-9dca-46de-b27e-d7a5552ff7fb">
			<input type="hidden" aria-hidden="true" id="choicevalue" value="">
            <input class="form__robot" aria-hidden="true" id="Robot" name="Robot" type="text" value="" title="robot" tabindex="-1">
			<button type="submit" class="btn btn--small">SEND</button>
		</fieldset>
	</form>
	<div class="notification notification--positive notification--hidden" role="alert">
		<h2 class="notification__heading">Takk!</h2>
		<div class="notification__message"><p>Du får dessverre ikke svar på tilbakemeldingen din. Har du spørsmål eller trenger hjelp, kontakter du politiet på telefon, e-post eller ved å møte opp.</p></div>
	</div>
	<div class="notification notification--error notification--hidden" role="alert">
		<h2 class="notification__heading">Feil</h2>
		<div class="notification__message"><p>Det skjedde noe feil med innsendelsen. <a class="feedback-component__reset-btn" href="javascript:void(0)">Prøv igjen</a>.</p></div>
	</div>
</section>

Interaction state

The `.feedback-component__fieldset--open` modifier class is added to the `. feedback-component__fieldset` element to expose the comment section.

<fieldset class="feedback-component__fieldset feedback-component__fieldset--open">
 ...