initial
This commit is contained in:
35
apps/client/components/form-header.vue
Normal file
35
apps/client/components/form-header.vue
Normal file
@@ -0,0 +1,35 @@
|
||||
<template>
|
||||
<div class="form-header">
|
||||
<UiButton
|
||||
icon="chevron-left"
|
||||
color="secondary"
|
||||
type="link"
|
||||
class="form-header__back"
|
||||
:href="backLink"
|
||||
>
|
||||
{{ backText }}
|
||||
</UiButton>
|
||||
|
||||
<slot name="title">
|
||||
<h1 class="form-header__title">
|
||||
{{ title }}
|
||||
</h1>
|
||||
</slot>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
backLink: { type: String, required: true },
|
||||
backText: { type: String, required: true },
|
||||
title: { type: String, required: true },
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.form-header {
|
||||
&__back {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user