my-chotot-design-system v1.1.2

My Chotot Design System

Link demo

http://my-cho-tot.surge.sh/

Tech Stack

• React - Library for building user interfaces
• Webpack - Bundle and dev server
• Babel - Compiling JS
• ESlint - The pluggable linting utility for JS and JSX
• Stylelint - Linter that helps you avoid errors and enforce conventions in your styles
• Storybook - Tool for developing UI components

📦 Install

npm install my-chotot-design-system

yarn add my-chotot-design-system

🔨 Usage

import { ProductCard } from 'my-chotot-design-system';

const App = () => (
  <>
    <ProductCard
      adType="user"
      alt="Sky Center Phổ Quang Tân Bình Cho Thuê 2PN FNT"
      condition="75m - 2 PN"
      href="https://nha.chotot.com/tp-ho-chi-minh/quan-tan-binh/thue-can-ho-chung-cu/79232897.htm"
      isBestPrice
      isHotCard
      location="Hà Nội"
      numImages={6}
      price="12 triệu/tháng"
      src="https://cdn.chotot.com/QIwA5B_B5fBk39Kpb_2tPCw8RcPFwUbncOMDtEK09t4/preset:listing/plain/00b502d729a6fc50efcd09cbf7d3f711-2692465108042704753.jpg"
      time="7 phút trước"
      title="Cho thuê phòng trọ mới xây"
    />
  </>
);

And import style manually:

import 'my-chotot-design-system/dist/styles.css';