mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
3be285e112
Supports #17 Fixes broken storybook. TODO: Define stories using other components (e.g. NumberInput, Select...)
22 lines
604 B
Svelte
22 lines
604 B
Svelte
<script>
|
|
let className = undefined;
|
|
export { className as class };
|
|
export let legendText = '';
|
|
export let invalid = false;
|
|
export let message = false;
|
|
export let messageText = '';
|
|
export let style = undefined;
|
|
|
|
import { cx } from '../../lib';
|
|
|
|
const _class = cx('--fieldset', className);
|
|
const _legendClass = cx('--label', className);
|
|
</script>
|
|
|
|
<fieldset data-invalid={invalid ? '' : undefined} class={_class} {style}>
|
|
<legend class={_legendClass}>{legendText}</legend>
|
|
<slot />
|
|
{#if message}
|
|
<div class={cx('--form__requirements')}>{messageText}</div>
|
|
{/if}
|
|
</fieldset>
|