From 000f93d2785259edadb67048e3f851ccc44333c2 Mon Sep 17 00:00:00 2001 From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com> Date: Wed, 17 Sep 2025 16:55:03 -0700 Subject: [PATCH] update interaction.drilldown code sample --- navigation.mdx | 28 +++++++++++++--------------- 1 file changed, 13 insertions(+), 15 deletions(-) diff --git a/navigation.mdx b/navigation.mdx index e00754d31..bbc801c64 100644 --- a/navigation.mdx +++ b/navigation.mdx @@ -610,24 +610,22 @@ Control how users interact with navigation elements using the `interaction` prop ### Enable auto-navigation for groups -When a user expands a navigation group, some themes will automatically navigate to the first page in the group. You can override a theme's default behavior using the `drilldown` option: +When a user expands a navigation group, some themes will automatically navigate to the first page in the group. You can override a theme's default behavior using the `drilldown` option. -```json -{ - "interaction": { - "drilldown": true // Force navigation to first page when a user expands a dropdown - } +- Set to `true` to force automatic navigation to the first page when a navigation group is selected. +- Set to `false` to prevent navigation and only expand or collapse the group when it is selected. +- Leave unset to use the theme's default behavior. + + +```json Force navigation +"interaction": { + "drilldown": true // Force navigation to first page when a user expands a dropdown } ``` -```json -{ - "interaction": { - "drilldown": false // Never navigate, only expand/collapse - } +```json Prevent navigation +"interaction": { + "drilldown": false // Never navigate, only expand or collapse the group } ``` - -- Set to `true` to force automatic navigation to the first page when a navigation group is selected. -- Set to `false` to prevent navigation and only expand or collapse the group when it is selected. -- Leave unset to use the theme's default behavior. +