UI Button
slot
Все что мы помещаем в button будет уходить в слот
слоты так же бывают именованные
если не использовать название для слота, то всё что помещается в button будет попадать в слот без названия, который является дефолтнным слоем.
src\components\UI\MyButton.vue
<template>
<button class="btn">
<slot></slot>
</button>
</template>
<script>
export default {
}
</script>
<style scoped>
перенос с компонента PostForm
.btn{
margin-top: 15px;
align-self: flex-end; кнопка стала изолированной и выравнивание лишние
padding: 10px 15px;
background:none;
color:teal;
border: 1px solid teal;
}
</style>