How to hide navbar? | Mantine | Page 1

wanton flare Oct 6, 2022, 5:58 PM

#

is there a way to hide navbar not just at hiddenBreakpoint?

sturdy garnet Oct 6, 2022, 6:04 PM

#

wanton flare is there a way to hide navbar not just at hiddenBreakpoint?

yes,

(yourBooleanCondition && <Navbar>Contents...</Navbar>)

#

alternatively if you are using it as a prop in AppShell

#

<AppShell
  navbar={yourBooleanCondition ? <Navbar>Contents</Navbar> : undefined}
// rest of props
>
// rest of code below

#

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

Conditional (ternary) operator - JavaScript | MDN

The conditional (ternary) operator is the only JavaScript operator that takes three operands:
a condition followed by a question mark (?), then an expression to execute if the condition is truthy followed by a colon (:), and finally the expression to execute if the condition is falsy.
This operator is frequently used as an alternative to an ...

wanton flare Oct 6, 2022, 6:06 PM

#

sturdy garnet ```jsx <AppShell navbar={yourBooleanCondition ? <Navbar>Contents</Navbar> : un...

oh thanks

#

I used null instead of undefined

#How to hide navbar?