feat(cartao): adicionar cards com status e playground tipo trello

This commit is contained in:
Luiz Silva 2026-01-02 21:48:24 -03:00
parent ab15c51a1b
commit 5bb6732b81
8 changed files with 438 additions and 2 deletions

View file

@ -5,6 +5,7 @@
<v-tabs v-model="aba" color="primary" density="comfortable">
<v-tab value="botao">Botão</v-tab>
<v-tab value="indicador">Indicador</v-tab>
<v-tab value="cartao">Cartão</v-tab>
<v-tab value="campo">Campo</v-tab>
<v-tab value="ola_mundo">Demo</v-tab>
</v-tabs>
@ -13,6 +14,7 @@
<BotaoPlayground v-if="aba === 'botao'" />
<IndicadorPlayground v-else-if="aba === 'indicador'" />
<CartaoPlayground v-else-if="aba === 'cartao'" />
<CampoPlayground v-else-if="aba === 'campo'" />
<OlaMundoPlayground v-else />
</v-container>
@ -22,6 +24,7 @@
import { defineComponent } from 'vue'
import BotaoPlayground from "./botao.playground.vue";
import IndicadorPlayground from "./indicador.playground.vue";
import CartaoPlayground from "./cartao.playground.vue";
import CampoPlayground from "./campo.playground.vue";
import OlaMundoPlayground from "./ola_mundo.playground.vue";
@ -30,12 +33,13 @@ export default defineComponent({
components: {
BotaoPlayground,
IndicadorPlayground,
CartaoPlayground,
CampoPlayground,
OlaMundoPlayground,
},
data() {
return {
aba: "botao" as "botao" | "indicador" | "campo" | "ola_mundo",
aba: "botao" as "botao" | "indicador" | "cartao" | "campo" | "ola_mundo",
};
}
})