codiewebnew
v1.0.0
Published
Codie Components
Downloads
3
Maintainers
Readme
Codie Components Web
[![Build][github-build]][github-build-url]
Installation:
npm install
or
yarn
Usage :
Add components in aplication:
import { MeuComponente } from 'codieweb/meucomponente'
export function Componente() {
return <MeuComponente />
}
Components documentation :
Basic-carousel:
import { SwiperOptions } from 'swiper'
import { BasicCarousel, Container } from 'codieweb/dist/cjs/components/data/'
export function Componente() {
// Configuração do swiper que você deve criar.
const SwiperConfigurations: SwiperOptions = {
breakpoints: { 1024: { slidesPerView: 1, spaceBetween: 30 } },
pagination: true,
navigation: {
nextEl: 'next-button-blog',
prevEl: 'prev-button-blog',
},
}
return (
<Container>
<BasicCarousel
iconColor='red' // Cor do icone de seta de navegação do swiper.
component={Card} // Componente que vai ser renderizado em cada slide.
list={home.blogs} // Lista que vai ser percorrida.
swiperConfigurations={SwiperConfigurations} // Configurações do swiper.
/>
</Container>
)
}
Para públicar o projeto no npm:
npm publish --access-public