|
9 | 9 | --- |
10 | 10 |
|
11 | 11 | <ComponentPreview |
12 | | - styleName="base-nova" |
| 12 | + styleName="radix-nova" |
13 | 13 | name="combobox-demo" |
14 | 14 | description="A combobox with a list of frameworks." |
15 | 15 | /> |
@@ -44,7 +44,7 @@ npm install @base-ui/react |
44 | 44 | <ComponentSource |
45 | 45 | name="combobox" |
46 | 46 | title="components/ui/combobox.tsx" |
47 | | - styleName="base-nova" |
| 47 | + styleName="radix-nova" |
48 | 48 | /> |
49 | 49 |
|
50 | 50 | <Step>Update the import paths to match your project setup.</Step> |
@@ -256,55 +256,55 @@ export function ExampleComboboxMultiple() { |
256 | 256 |
|
257 | 257 | A simple combobox with a list of frameworks. |
258 | 258 |
|
259 | | -<ComponentPreview styleName="base-nova" name="combobox-basic" /> |
| 259 | +<ComponentPreview styleName="radix-nova" name="combobox-basic" /> |
260 | 260 |
|
261 | 261 | ### Multiple |
262 | 262 |
|
263 | 263 | A combobox with multiple selection using `multiple` and `ComboboxChips`. |
264 | 264 |
|
265 | | -<ComponentPreview styleName="base-nova" name="combobox-multiple" /> |
| 265 | +<ComponentPreview styleName="radix-nova" name="combobox-multiple" /> |
266 | 266 |
|
267 | 267 | ### Clear Button |
268 | 268 |
|
269 | 269 | Use the `showClear` prop to show a clear button. |
270 | 270 |
|
271 | | -<ComponentPreview styleName="base-nova" name="combobox-clear" /> |
| 271 | +<ComponentPreview styleName="radix-nova" name="combobox-clear" /> |
272 | 272 |
|
273 | 273 | ### Groups |
274 | 274 |
|
275 | 275 | Use `ComboboxGroup` and `ComboboxSeparator` to group items. |
276 | 276 |
|
277 | | -<ComponentPreview styleName="base-nova" name="combobox-groups" /> |
| 277 | +<ComponentPreview styleName="radix-nova" name="combobox-groups" /> |
278 | 278 |
|
279 | 279 | ### Custom Items |
280 | 280 |
|
281 | 281 | You can render a custom component inside `ComboboxItem`. |
282 | 282 |
|
283 | | -<ComponentPreview styleName="base-nova" name="combobox-custom" /> |
| 283 | +<ComponentPreview styleName="radix-nova" name="combobox-custom" /> |
284 | 284 |
|
285 | 285 | ### Invalid |
286 | 286 |
|
287 | 287 | Use the `aria-invalid` prop to make the combobox invalid. |
288 | 288 |
|
289 | | -<ComponentPreview styleName="base-nova" name="combobox-invalid" /> |
| 289 | +<ComponentPreview styleName="radix-nova" name="combobox-invalid" /> |
290 | 290 |
|
291 | 291 | ### Disabled |
292 | 292 |
|
293 | 293 | Use the `disabled` prop to disable the combobox. |
294 | 294 |
|
295 | | -<ComponentPreview styleName="base-nova" name="combobox-disabled" /> |
| 295 | +<ComponentPreview styleName="radix-nova" name="combobox-disabled" /> |
296 | 296 |
|
297 | 297 | ### Auto Highlight |
298 | 298 |
|
299 | 299 | Use the `autoHighlight` prop to automatically highlight the first item on filter. |
300 | 300 |
|
301 | | -<ComponentPreview styleName="base-nova" name="combobox-auto-highlight" /> |
| 301 | +<ComponentPreview styleName="radix-nova" name="combobox-auto-highlight" /> |
302 | 302 |
|
303 | 303 | ### Popup |
304 | 304 |
|
305 | 305 | You can trigger the combobox from a button or any other component by using the `render` prop. Move the `ComboboxInput` inside the `ComboboxContent`. |
306 | 306 |
|
307 | | -<ComponentPreview styleName="base-nova" name="combobox-popup" /> |
| 307 | +<ComponentPreview styleName="radix-nova" name="combobox-popup" /> |
308 | 308 |
|
309 | 309 | ### Input Group |
310 | 310 |
|
|
0 commit comments