tnp-comps

Thành Nguyễn React components

Install

# npm
npm install --save tnp-comps

# yarn
yarn add tnp-comps

Usage

Layout

Fullscreen container with gray background

Props:

interface Props {
  children: React.ReactNode
}

<Layout>Your content here</Layout>

Card

Card with image cover on top

Props:

interface Props {
  cover: string // url
  caption: string // tag-like text above title
  title: string
  content: string
}

<Card
  cover='https://picsum.photos/400'
  caption='post'
  title='First NPM Package Released!'
  content='Built with ChakraUI and create-react-library'
/>

License

MIT © thanh-nguyen-95