# Focus mode
The v-focus-mode component will render the page without the navigation bar (and instead have a 3F logo and a removeable close button), making it useful for pages that needs to look different than the standard.
# Example
Component name: <v-focus-mode>
Preview
Code
# API
| Name | Type | Description | Default |
|---|---|---|---|
| @exit | Event | The event called when the exit button is clicked | - |
| sidebar | Boolean | Whether focus mode has a sidebar slot | true |
| no-exit | Boolean | Whether the exit button should be hidden | false |
| expanded | Boolean | Used together with the signup-price component for mobile layout - see New membership | false |
| href | String | Assign 'href' to logo | - |
| slot: sidebar | slot | Use this if sidebar is not disabled | - |