2021-12-11 21:26:55 +01:00
|
|
|
<script lang="ts">
|
2024-01-22 22:58:55 +01:00
|
|
|
export let value: string;
|
|
|
|
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">
|
2024-01-22 22:58:55 +01:00
|
|
|
.ellipsis {
|
|
|
|
max-width: 100%;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
2021-12-11 21:26:55 +01:00
|
|
|
</style>
|