andrewwallacespeckle
c2a95b484f
* New Text Styles. Initial FE2 changes * More fe2 styling classes * Minor update * Minor update * Fix build * More updates for discussion * More styling updates * Minor updates to inputs * More text updates * More font class swapping * Revert dui3 changes * Confirmed Lineheights * Add story files for new text styles * Minor copy changes * Minor typo * andrew/web-1371-misalignment-in-account-dropdown * andrew/web-1374-settings-text-styles-are-not-right * andrew/web-1375-nav-texts-should-be-14px * andrew/web-1376-decrease-size-of-versions-header * andrew/web-1377-version-card-title * semibold>medium * Measure mode * Changes from PR * Tweaked nav menu * Revert prose change. Add prose-sm --------- Co-authored-by: Mike Tasset <mike.tasset@gmail.com>
22 lines
532 B
Vue
22 lines
532 B
Vue
<template>
|
|
<div
|
|
class="bg-foundation basis-1/2 shrink-0 grow-0 border border-outline-3 rounded-lg"
|
|
>
|
|
<div class="flex items-center gap-2 px-4 py-2 border-b border-outline-3 mb-4">
|
|
<Component :is="icon" class="w-5 h-5" />
|
|
<h3 class="text-heading">{{ title }}</h3>
|
|
</div>
|
|
<div class="px-4 pb-4">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { PropAnyComponent } from '@speckle/ui-components'
|
|
|
|
defineProps<{
|
|
icon: PropAnyComponent
|
|
title: string
|
|
}>()
|
|
</script>
|