mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
22 lines
737 B
Svelte
22 lines
737 B
Svelte
<script lang="ts">
|
|
import { ExpandableTile } from "carbon-components-svelte";
|
|
</script>
|
|
|
|
<ExpandableTile>
|
|
<div slot="above" style="height: 10rem">Above the fold content here</div>
|
|
<div slot="below" style="height: 10rem">Below the fold content here</div>
|
|
</ExpandableTile>
|
|
|
|
<ExpandableTile expanded>
|
|
<div slot="above" style="height: 10rem">Above the fold content here</div>
|
|
<div slot="below" style="height: 10rem">Below the fold content here</div>
|
|
</ExpandableTile>
|
|
|
|
<ExpandableTile
|
|
light
|
|
tileExpandedLabel="View less"
|
|
tileCollapsedLabel="View more"
|
|
>
|
|
<div slot="above" style="height: 10rem">Above the fold content here</div>
|
|
<div slot="below" style="height: 10rem">Below the fold content here</div>
|
|
</ExpandableTile>
|