mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-09 16:05:42 +00:00
dieribaandRuben Fiszel
c4178c05be
* feaat periodic script * feat periodic script * fix unused * check minimun time * fix unused import * update repo ref * update ref * nits and update repo ref * add missing checks * fix * improve UX * improve UX * improve UX * fix --------- Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
53 lines
1.2 KiB
Svelte
53 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { twMerge } from 'tailwind-merge'
|
|
import Required from './Required.svelte'
|
|
|
|
interface Props {
|
|
label?: string | undefined
|
|
primary?: boolean
|
|
disabled?: boolean
|
|
headless?: boolean
|
|
required?: boolean
|
|
headerClass?: string
|
|
class?: string | undefined
|
|
header?: import('svelte').Snippet
|
|
error?: import('svelte').Snippet
|
|
action?: import('svelte').Snippet
|
|
children?: import('svelte').Snippet
|
|
}
|
|
|
|
let {
|
|
label = undefined,
|
|
primary = false,
|
|
disabled = false,
|
|
headless = false,
|
|
required = false,
|
|
headerClass = '',
|
|
class: clazz = undefined,
|
|
header,
|
|
error,
|
|
action,
|
|
children
|
|
}: Props = $props()
|
|
</script>
|
|
|
|
<div class={twMerge(disabled ? 'opacity-60 pointer-events-none' : '', clazz)}>
|
|
<div class="flex flex-row justify-between items-center w-full">
|
|
{#if !headless}
|
|
<div class={twMerge('flex flex-row items-center gap-2', headerClass)}>
|
|
<span
|
|
class="{primary ? 'text-primary' : 'text-secondary'} text-sm leading-6 whitespace-nowrap"
|
|
>{label}
|
|
{#if required}
|
|
<Required required={true} />
|
|
{/if}
|
|
</span>
|
|
{@render header?.()}
|
|
</div>
|
|
{/if}
|
|
{@render error?.()}
|
|
{@render action?.()}
|
|
</div>
|
|
{@render children?.()}
|
|
</div>
|