mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-20 04:13:02 +00:00
20 lines
549 B
Svelte
20 lines
549 B
Svelte
<script>
|
|
/** Set to `true` if the modal contains form elements */
|
|
export let hasForm = false;
|
|
|
|
/** Set to `true` if the modal contains scrolling content */
|
|
export let hasScrollingContent = false;
|
|
</script>
|
|
|
|
<div
|
|
tabindex="{hasScrollingContent ? '0' : undefined}"
|
|
role="{hasScrollingContent ? 'region' : undefined}"
|
|
class:bx--modal-content="{true}"
|
|
class:bx--modal-content--with-form="{hasForm}"
|
|
{...$$restProps}
|
|
>
|
|
<slot />
|
|
</div>
|
|
{#if hasScrollingContent}
|
|
<div class:bx--modal-content--overflow-indicator="{true}"></div>
|
|
{/if}
|