File tree Expand file tree Collapse file tree 7 files changed +49
-0
lines changed
website/src/content/pages/components Expand file tree Collapse file tree 7 files changed +49
-0
lines changed Original file line number Diff line number Diff line change @@ -114,6 +114,13 @@ styling effects like zoom-out:
114114
115115<Example id = " nested" />
116116
117+ ### Multiple Triggers
118+
119+ Share a single dialog across multiple trigger elements. Pass a ` value ` to each ` Dialog.Trigger ` and use
120+ ` onTriggerValueChange ` to update the dialog content based on which trigger was clicked.
121+
122+ <Example id = " multiple-triggers" />
123+
117124### Confirmation
118125
119126Intercept close attempts to show confirmation prompts, preventing data loss from unsaved changes.
Original file line number Diff line number Diff line change @@ -59,6 +59,13 @@ Access the hover card's state with `HoverCard.Context` or the `useHoverCardConte
5959
6060<Example id = " context" />
6161
62+ ### Multiple Triggers
63+
64+ Share a single hover card across multiple trigger elements. Pass a ` value ` to each ` HoverCard.Trigger ` — the card
65+ repositions to the active trigger without closing.
66+
67+ <Example id = " multiple-triggers" />
68+
6269## API Reference
6370
6471### Props
Original file line number Diff line number Diff line change @@ -100,6 +100,13 @@ user confirmation.
100100
101101<Example id = " menu-item-dialog" />
102102
103+ ### Multiple Triggers
104+
105+ Share a single menu across multiple trigger elements. Pass a ` value ` to each ` Menu.Trigger ` — the menu repositions to
106+ whichever trigger is activated.
107+
108+ <Example id = " multiple-triggers" />
109+
103110## Guides
104111
105112### Custom IDs
Original file line number Diff line number Diff line change @@ -110,6 +110,13 @@ Popovers can be nested within each other. Each nested popover maintains its own
110110
111111<Example id = " nested" />
112112
113+ ### Multiple Triggers
114+
115+ Share a single popover across multiple trigger elements. Pass a ` value ` to each ` Popover.Trigger ` — the popover
116+ repositions to whichever trigger is activated without closing.
117+
118+ <Example id = " multiple-triggers" />
119+
113120## Guides
114121
115122### Available Size
Original file line number Diff line number Diff line change @@ -73,6 +73,13 @@ This is useful for responsive sidebar layouts that collapse on smaller screens.
7373
7474<Example id = " dynamic-collapsible" />
7575
76+ ### Nested
77+
78+ Nest splitters to build grid-like layouts. Use ` Splitter.createRegistry() ` to create a shared registry between splitter
79+ instances — this enables multi-drag at intersection points where horizontal and vertical splitters meet.
80+
81+ <Example id = " nested" />
82+
7683## API Reference
7784
7885### Props
Original file line number Diff line number Diff line change @@ -146,6 +146,13 @@ and `clearValue()` for full programmatic control.
146146
147147<Example id = " programmatic-control" />
148148
149+ ### Sanitize Value
150+
151+ Use the ` sanitizeValue ` prop to normalize tag values before they're added. This runs on every new tag — useful for
152+ trimming whitespace, converting to lowercase, or any other formatting you need.
153+
154+ <Example id = " sanitize-value" />
155+
149156### Combobox
150157
151158Combine TagsInput with Combobox to create an autocomplete tags input. This pattern uses shared IDs between both
Original file line number Diff line number Diff line change @@ -70,6 +70,13 @@ positioning.
7070
7171<Example id = " within-fixed" />
7272
73+ ### Multiple Triggers
74+
75+ Share a single tooltip across multiple trigger elements. Pass a ` value ` to each ` Tooltip.Trigger ` — the tooltip
76+ repositions to whichever trigger is hovered without closing.
77+
78+ <Example id = " multiple-triggers" />
79+
7380## API Reference
7481
7582### Props
You can’t perform that action at this time.
0 commit comments