@colletdev/docs 0.2.12 → 0.2.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.md +35 -1
- package/package.json +1 -1
package/components.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
## Overview
|
|
7
7
|
|
|
8
|
-
Collet ships
|
|
8
|
+
Collet ships 52 components as Custom Elements (`<cx-*>`) with
|
|
9
9
|
framework wrappers for React, Vue, Svelte, and Angular.
|
|
10
10
|
|
|
11
11
|
**npm packages:**
|
|
@@ -2343,3 +2343,37 @@ Hover/focus-triggered informational overlay anchored to a trigger.
|
|
|
2343
2343
|
| openDelay | `number` | `0` | |
|
|
2344
2344
|
| closeDelay | `number` | `0` | |
|
|
2345
2345
|
|
|
2346
|
+
---
|
|
2347
|
+
|
|
2348
|
+
### TopBar
|
|
2349
|
+
|
|
2350
|
+
TopBar component.
|
|
2351
|
+
|
|
2352
|
+
**Tag:** `<cx-top-bar>` | **Form:** no | **Slots:** leading, content, trailing
|
|
2353
|
+
|
|
2354
|
+
#### Import
|
|
2355
|
+
|
|
2356
|
+
| Framework | Import |
|
|
2357
|
+
|-----------|--------|
|
|
2358
|
+
| React | `import { TopBar } from '@colletdev/react'` |
|
|
2359
|
+
| Vue | `import { TopBar } from '@colletdev/vue'` |
|
|
2360
|
+
| Svelte | `import TopBar from '@colletdev/svelte/top-bar.svelte'` |
|
|
2361
|
+
| Angular | `import { CxTopBar } from '@colletdev/angular'` |
|
|
2362
|
+
|
|
2363
|
+
#### Props
|
|
2364
|
+
|
|
2365
|
+
| Prop | Type | Default | Description |
|
|
2366
|
+
|------|------|---------|-------------|
|
|
2367
|
+
| id | `string` | — | |
|
|
2368
|
+
| label | `string` | — | |
|
|
2369
|
+
| mobileContent | `string` | — | |
|
|
2370
|
+
| variant | `'filled' \| 'outline' \| 'ghost'` | — | |
|
|
2371
|
+
| shape | `'sharp' \| 'rounded' \| 'pill'` | — | |
|
|
2372
|
+
| position | `'static' \| 'sticky' \| 'fixed'` | — | |
|
|
2373
|
+
| intent | `'neutral' \| 'primary' \| 'info' \| 'success' \| 'warning' \| 'danger'` | — | |
|
|
2374
|
+
| size | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` | — | |
|
|
2375
|
+
| crush | `boolean` | `false` | |
|
|
2376
|
+
| crushThreshold | `number` | `0` | |
|
|
2377
|
+
| movable | `boolean` | `false` | |
|
|
2378
|
+
| drawerSide | `'top' \| 'left' \| 'right' \| 'bottom'` | — | |
|
|
2379
|
+
|