Merge pull request #333 from IBM/accordion

Accordion: add size variants, disabled prop; forward align prop to Skeleton
This commit is contained in:
Eric Liu 2020-10-15 16:26:15 -07:00 committed by GitHub
commit f692403fcc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 182 additions and 14 deletions

View file

@ -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",

View file

@ -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" />

View file

@ -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"