<p href="https://cotabox.com.br" align="center"> <img src="https://www.cotabox.com.br/wp-content/uploads/2020/03/logo.svg" alt="Cotabox logo" title="Cotabox" height="60" /> </p>
npm install test-ui-lib-rapha-4
alt="Cotabox logo"
title="Cotabox"
height="60"
/>
> Kit de ferramentas UI para a web em Vue.js 2.0
shell
npm install @cotabox/cotabox-ui -S
`javascript
import '~/@cotabox/cotabox-ui/dist/cotabox-ui.min.css';
`Importação do tema no Nuxt.js
javascript
module.exports = {
// ... css: [
{ src: '@cotabox/cotabox-ui/dist/cotabox-ui.min.css', lang: 'css' },
],
}
`Utilização rápida
html
:model="form"
@submit.native.prevent="validate"
>
for="email"
size="md"
prop="email"
:rules="[
{
required: true,
trigger: 'blur',
},
{
type: 'email',
trigger: 'blur',
},
]"
>
v-model="form.email"
type="email"
block
placeholder="exemplo@mail.com"
/>
for="password"
size="md"
prop="password"
:rules="{ required: true, trigger: 'blur' }"
>
v-model="form.password"
type="password"
block
placeholder="Digite sua senha"
/>
for="password-confirmation"
size="md"
prop="password_confirmation"
:rules="{ required: true, trigger: 'blur' }"
>
v-model="form.password_confirmation"
type="password"
block
placeholder="Confirme sua senha"
/>
size="lg"
variant="success"
block
>
Confirmar
``