# 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>
# 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 | - |