@rcarls/rc-chip-group 0.5.0
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/README.md +26 -0
- package/dist/custom-elements.json +687 -0
- package/dist/rc-chip-group-DKVJOa6j.js +364 -0
- package/dist/rc-chip-group-DKVJOa6j.js.map +1 -0
- package/dist/rc-chip-group-define.js +7 -0
- package/dist/rc-chip-group-define.js.map +1 -0
- package/dist/rc-chip-group.js +5 -0
- package/dist/rc-chip-group.js.map +1 -0
- package/dist/types/packages/rc-chip-group/src/define.d.ts +1 -0
- package/dist/types/packages/rc-chip-group/src/index.d.ts +1 -0
- package/dist/types/packages/rc-chip-group/src/rc-chip-group.d.ts +122 -0
- package/dist/types/packages/rc-chip-group/src/rc-chip-group.styles.d.ts +2 -0
- package/package.json +66 -0
package/README.md
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# @rcarls/rc-chip-group
|
|
2
|
+
|
|
3
|
+
Adaptive wrapping and horizontal-scrolling layout for `rc-chip`, native
|
|
4
|
+
controls, or arbitrary elements.
|
|
5
|
+
|
|
6
|
+
```html
|
|
7
|
+
<fieldset>
|
|
8
|
+
<legend>Recipe scope</legend>
|
|
9
|
+
<rc-chip-group kind="filter" selection="single" label="Recipe scope">
|
|
10
|
+
<rc-chip>
|
|
11
|
+
<label><input type="radio" name="scope" value="all" checked />All</label>
|
|
12
|
+
</rc-chip>
|
|
13
|
+
<rc-chip>
|
|
14
|
+
<label><input type="radio" name="scope" value="favorites" />Favorites</label>
|
|
15
|
+
</rc-chip>
|
|
16
|
+
</rc-chip-group>
|
|
17
|
+
</fieldset>
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
`layout="auto"` is the default. Content wraps naturally while it fits within
|
|
21
|
+
`max-rows="2"`; larger groups become one horizontally scrolling row with a
|
|
22
|
+
leading **Show all** chip. The same action becomes **Show less** while expanded.
|
|
23
|
+
|
|
24
|
+
Use `kind="assist"` for toolbar semantics and roving arrow-key navigation,
|
|
25
|
+
`kind="filter"` for native radio/checkbox chips, or `kind="generic"` for
|
|
26
|
+
layout-only behavior. Filter fieldset and legend semantics remain author-owned.
|