Files
console/src/lib/elements/forms/helper.svelte
T
Torsten Dittmann 37f244a858 fix by torsten
2022-08-16 17:10:36 +02:00

25 lines
740 B
Svelte

<script lang="ts">
export let type: 'success' | 'warning' | 'error' | 'info' | 'neutral' = 'warning';
</script>
<p
class="helper u-margin-block-start-12"
class:u-info={type === 'info'}
class:u-error={type === 'error'}
class:u-success={type === 'success'}
class:u-warning={type === 'warning'}
class:u-neutral={type === 'neutral'}>
{#if type}
<span
class:icon-info={type === 'info'}
class:icon-error={type === 'error'}
class:icon-success={type === 'success'}
class:icon-warning={type === 'warning'}
class:icon-neutral={type === 'neutral'}
aria-hidden="true" />
{/if}
<span class="text">
<slot />
</span>
</p>