# FFWD SideTray
**SideTray** follows the layout structure as below, the layers can be restructed as needed.
```
show={show}
setShow={setShow}
>
```
# Usage
As the following example, **SideTray** expects to receive both flag and the flag's controller to trigger the visibility:
```
export const Default = () => {
const [show, setShow] = useState(true);
return (
<>
setShow(!show)}>Toggle Side Tray
Content
Footer
);
};
```