Files
cc-backend/web/frontend/src/generic/filters/InfoBox.svelte
2024-10-07 17:36:40 +02:00

20 lines
458 B
Svelte

<!--
@component Info pill displayed for active filters
Properties:
- `icon String`: Sveltestrap icon name
- `modified Bool?`: Optional if filter is modified [Default: false]
-->
<script>
import { Button, Icon } from "@sveltestrap/sveltestrap";
export let icon;
export let modified = false;
</script>
<Button class="mr-2 mb-1" outline color={modified ? "warning" : "primary"} on:click>
<Icon name={icon} />
<slot />
</Button>