# Bind toggle with observable

**URL:** <https://forums.fusetools.com/t/bind-toggle-with-observable/7592>\
**Category:** General\
**Created:** [January 11, 2019, 12:54pm UTC](https://forums.fusetools.com/t/bind-toggle-with-observable/7592 "2019-01-11T12:54:39Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![sed](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/sed/32/814_2.png) [@sed](https://forums.fusetools.com/u/sed)\
**Post date:** [January 11, 2019, 12:54pm UTC](https://forums.fusetools.com/t/bind-toggle-with-observable/7592/1 "2019-01-11T12:54:39Z")

</div>

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?