mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
Merge pull request #333 from IBM/accordion
Accordion: add size variants, disabled prop; forward align prop to Skeleton
This commit is contained in:
commit
f692403fcc
8 changed files with 182 additions and 14 deletions
|
@ -12,7 +12,7 @@
|
|||
"@carbon/themes": "^10.20.0",
|
||||
"@sveltech/routify": "^1.9.9",
|
||||
"autoprefixer": "^10.0.1",
|
||||
"carbon-components": "^10.21.0",
|
||||
"carbon-components": "^10.22.0",
|
||||
"carbon-components-svelte": "../",
|
||||
"clipboard-copy": "^3.1.0",
|
||||
"fs-extra": "^9.0.1",
|
||||
|
|
|
@ -63,10 +63,83 @@
|
|||
</AccordionItem>
|
||||
</Accordion>
|
||||
|
||||
### Extra-large size
|
||||
|
||||
<Accordion size="xl">
|
||||
<AccordionItem title="Title 1">
|
||||
Content 1
|
||||
</AccordionItem>
|
||||
<AccordionItem title="Title 2">
|
||||
Content 2
|
||||
</AccordionItem>
|
||||
<AccordionItem title="Title 3">
|
||||
Content 3
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
|
||||
### Small size
|
||||
|
||||
<Accordion size="sm">
|
||||
<AccordionItem title="Title 1">
|
||||
Content 1
|
||||
</AccordionItem>
|
||||
<AccordionItem title="Title 2">
|
||||
Content 2
|
||||
</AccordionItem>
|
||||
<AccordionItem title="Title 3">
|
||||
Content 3
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
|
||||
### Disabled
|
||||
|
||||
<Accordion disabled>
|
||||
<AccordionItem title="Title 1">
|
||||
Content 1
|
||||
</AccordionItem>
|
||||
<AccordionItem title="Title 2">
|
||||
Content 2
|
||||
</AccordionItem>
|
||||
<AccordionItem title="Title 3">
|
||||
Content 3
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
|
||||
### Disabled (item)
|
||||
|
||||
<Accordion>
|
||||
<AccordionItem disabled title="Title 1">
|
||||
Content 1
|
||||
</AccordionItem>
|
||||
<AccordionItem title="Title 2">
|
||||
Content 2
|
||||
</AccordionItem>
|
||||
<AccordionItem title="Title 3">
|
||||
Content 3
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
|
||||
### Skeleton
|
||||
|
||||
<Accordion skeleton />
|
||||
|
||||
### Skeleton (chevron aligned left)
|
||||
|
||||
<Accordion skeleton align="start" />
|
||||
|
||||
### Skeleton (custom count)
|
||||
|
||||
<Accordion skeleton count={3} />
|
||||
|
||||
### Skeleton (closed)
|
||||
|
||||
<Accordion skeleton open={false} count={3} />
|
||||
<Accordion skeleton open={false} />
|
||||
|
||||
### Skeleton (extra-large)
|
||||
|
||||
<Accordion skeleton size="xl" />
|
||||
|
||||
### Skeleton (small)
|
||||
|
||||
<Accordion skeleton size="sm" />
|
||||
|
||||
|
|
|
@ -771,15 +771,15 @@ caniuse-lite@^1.0.30001135, caniuse-lite@^1.0.30001137:
|
|||
integrity sha512-VAy5RHDfTJhpxnDdp2n40GPPLp3KqNrXz1QqFv4J64HvArKs8nuNMOWkB3ICOaBTU/Aj4rYAo/ytdQDDFF/Pug==
|
||||
|
||||
carbon-components-svelte@../:
|
||||
version "0.15.0"
|
||||
version "0.16.0"
|
||||
dependencies:
|
||||
carbon-icons-svelte "^10.17.0"
|
||||
flatpickr "4.6.3"
|
||||
|
||||
carbon-components@^10.21.0:
|
||||
version "10.21.0"
|
||||
resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.21.0.tgz#3e7f79530af79039aab7bf937f0f129642806316"
|
||||
integrity sha512-IS8WPFGg74g6ZyWpJc4cDlkhqGeNZ1sJshAVTftkb7Nur9W58lSRcu6G9cRMgeL+I/YAia3Q+X4lPh/X16JsGw==
|
||||
carbon-components@^10.22.0:
|
||||
version "10.22.0"
|
||||
resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.22.0.tgz#866791ca8e3f651054543d63f6a898cff6bcacf9"
|
||||
integrity sha512-0cADWQf1e+6YsxXnjEz630Z7GZa3Z1ssO0UW/HnnJy03Dr+qdT3o6sIgSqObYLddJliAVcjeTlwJshZ9K4bWJQ==
|
||||
dependencies:
|
||||
flatpickr "4.6.1"
|
||||
lodash.debounce "^4.0.8"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue