sk_fems_ui commit

components/sd/SdLabelBlock.vue

@@ -0,0 +1,32 @@
+<template>
+	<div class="d-flex flex-row align-center">
+		<div
+			:style="{ width: labelWidth ? labelWidth + 'px' : null }"
+			:class="!labelWidth ? 'mr-4' : null"
+		>
+			<template v-if="label">
+				<v-icon x-small :color="'primary'" class="mr-2"
+					>mdi-record-circle</v-icon
+				>
+				<label style="font-size: 0.875rem;">{{ label }}</label>
+			</template>
+		</div>
+		<slot />
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'SdLabelBlock',
+	props: {
+		label: {
+			type: String,
+		},
+		labelWidth: {
+			type: Number,
+		},
+	},
+};
+</script>
+
+<style scoped></style>