# Shortcut button
```js
```
# Compressed version
```js
const [compressed, setCompressed] = React.useState(false);
const [compressedState, setCompressedState] = React.useState(compressed);
// On compressed prop change, do view transition to the new state
React.useEffect(() => {
if (compressed) {
document.startViewTransition(() => {
setCompressedState(true);
});
} else {
document.startViewTransition(() => {
setCompressedState(false);
});
}
}, [compressed]);
setCompressed(!compressed)} />
;
```
# Centered version
```js
```