fix(accordion-skeleton): add align prop

This commit is contained in:
Eric Liu 2020-10-15 15:33:25 -07:00
commit 933055c9ce
3 changed files with 18 additions and 1 deletions

View file

@ -93,8 +93,17 @@
### 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} />

View file

@ -5,6 +5,12 @@
*/
export let count = 4;
/**
* Specify alignment of accordion item chevron icon
* @type {"start" | "end"} [align="end"]
*/
export let align = "end";
/**
* Set to `false` to close the first accordion item
* @type {boolean} [open=true]
@ -19,6 +25,7 @@
class:bx--accordion="{true}"
class:bx--skeleton="{true}"
{...$$restProps}
class="bx--accordion--{align} {$$restProps.class}"
on:click
on:mouseover
on:mouseenter

View file

@ -23,6 +23,7 @@
{#if skeleton}
<AccordionSkeleton
{...$$restProps}
align="{align}"
on:click
on:mouseover
on:mouseenter