Bind toggle with observable


#1

I have this code from Fuse examples,



	<SwipeGesture ux:Name="swipe" Length="46" Direction="Right" Type="Active" IsActive="{Property IsActive}" />
	<SwipingAnimation Source="swipe">
		<Move Target="handle" X="46" />
		<Change handle.Color="{ReadProperty SecondaryColor}" />
		<Change background.Color="{ReadProperty PrimaryColor}" />
	</SwipingAnimation>
	
	<Clicked>
		<ToggleSwipeActive Target="swipe" />
	</Clicked>
	
	<Rectangle ux:Name="handle" Width="28" Margin="3" Alignment="Left" Color="{ReadProperty PrimaryColor}" CornerRadius="2">
		<Shadow Size="1" Distance="1" Color="#0004" />
	</Rectangle>
	
	<Rectangle ux:Name="background" Layer="Background" Color="{ReadProperty SecondaryColor}" CornerRadius="4" />
</Panel>

<MyToggle ux:Name="toggle" />
<WhileTrue Value="{ReadProperty toggle.IsActive}">
	<Change background.Color="#ecf0f1" Duration="0.2" />
</WhileTrue>

<Rectangle ux:Name="background" Color="#6A397F" />

Now i want to bind the swipe button with my observable variable?