contract violation example

foo.app

App:

<aura:application >
    <aura:attribute name="display" type="Boolean" default="true"/>
    <ui:button aura:id="button" label="Click to toggle" press="{!c.toggle}"/>

    <aura:renderif isTrue="{!v.display}">
        Here's some text!
        <aura:set attribute="else">
        Here's a react component:
        	<c:ReactSearch />
        </aura:set>
    </aura:renderif>
</aura:application>


Controller:

({
	toggle : function(component, event, helper) {
        component.get('v.display') ? component.set('v.display', false): component.set('v.display', true);
		
	}
})