Skip to content

Instantly share code, notes, and snippets.

@hpstuff
Last active November 7, 2016 09:41
Show Gist options
  • Save hpstuff/a3b2290e344e4bf7ca1aecdba2d340e8 to your computer and use it in GitHub Desktop.
Save hpstuff/a3b2290e344e4bf7ca1aecdba2d340e8 to your computer and use it in GitHub Desktop.
Components
<AccordionComponent>
<AccordionItemComponent *ngFor="item of someItems">
<span header>item.title</span>
<div class="custom-styles">
{{item.content}}
</div>
</AccordionItemComponent>
</AccordionComponent>
<MapAndTilesComponent
[lat]="42.697708"
[lon]="23.321868"
[zoom]="5"
[images]="['/image-01.jpg', '/image-02.jpg', '/image-03.jpg', '/image-04.jpg', '/image-05.jpg', '/image-06.jpg']" >
</MapAndTilesComponent>
<WizardComponent [current-step]="1">
<WizardStepComponent>
<RadioListComponent [value]="selectedOption" (onSelectionChange)="selectedOption = $event">
<RadioBoxComponent *ngFor="let checkbox of checkboxes" [value]="checkbox.value">
{{checkbox.label}}
</RadioBoxComponent>
</RadioListComponent>
</WizardStepComponent>
<WizardStepComponent>
<TextFieldComponent [multiline]="true" [value]="message"></TextFieldComponent>
</WizardStepComponent>
<WizardStepComponent>
<TextFieldComponent [type]="email" [value]="yourEmail"></TextFieldComponent>
<CheckBoxComponent [value]="checked" (onChange)="checked = $event">
<span>Text for <a href="#"><strong>checkbox</strong></a> label</span>
</CheckBoxComponent>
</WizardStepComponent>
<section complete>
<!-- Success message //-->
</section>
</WizardComponent>
@hpstuff
Copy link
Author

hpstuff commented Oct 13, 2016

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment