pinafore/routes/_components/compose/ComposeButton.html
2018-02-26 22:22:56 -08:00

24 lines
538 B
HTML

<button class="primary compose-box-button"
:disabled >
Toot!
</button>
<style>
.compose-box-button {
grid-area: button;
justify-self: right;
text-transform: uppercase;
margin-top: 10px;
}
</style>
<script>
import { store } from '../../_store/store'
export default {
store: () => store,
computed: {
disabled: ($rawInputTextInComposeOverLimit, $rawInputTextInComposeLength) => {
return $rawInputTextInComposeOverLimit || $rawInputTextInComposeLength === 0
}
}
}
</script>