2021-12-11 21:26:55 +01:00
|
|
|
<script lang="ts">
|
|
|
|
export let value: string;
|
2022-02-07 16:32:21 +01:00
|
|
|
export let title: string | undefined = undefined;
|
2021-12-11 21:26:55 +01:00
|
|
|
</script>
|
|
|
|
|
2023-10-31 20:12:06 +01:00
|
|
|
<div class="ellipsis" title={title || value}><slot>{value}</slot></div>
|
2021-12-11 21:26:55 +01:00
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
.ellipsis {
|
|
|
|
max-width: 100%;
|
2023-07-30 16:00:03 +02:00
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
2021-12-11 21:26:55 +01:00
|
|
|
}
|
|
|
|
</style>
|