@clikvn/dev-ui-toolkit v0.0.11

@clikvn/dev-ui-toolkit

Common component UI for Clik

Installation

Install @clikvn/dev-ui-toolkit with npm

  npm install @clikvn/dev-ui-toolkit

Usage/Examples

import { ClikCard } from "@clikvn/dev-ui-toolkit";
import "@clikvn/dev-ui-toolkit/dist/cjs/style.css";



function App() {

  const gallery = [
    {
      src: "https://cdn3.clik.vn/clikhub/ci/storage/P2GZHU73K9H/PT_YKRVGU73K9H7077419193463123930.jpg",
      alt: "Placeholder",
    },
    {
      src: "https://cdn3.clik.vn/clikhub/ci/storage/RDXT2A93K9H/PT_WP4VZ993K9H7441965740862342803.jpg",
      alt: "Placeholder",
    },
    {
      src: "https://cdn3.clik.vn/clikhub/ci/storage/9J4NPL93K9H/PT_W27LNL93K9H18228362279450798710.jpg",
      alt: "Placeholder",
    },
  ];

  return <ClikCard
            gallery={gallery}
            name="Trip to Đà Nẵng, Huế, Hội An"
            description="Bắt đầu hành trình của bạn tại Đà Nẵng, một thành phố sôi động nằm bên bờ biển giữa biển Đông xanh biếc và dãy núi xanh ngắt của Dãy núi Trường Sơn. Đắm chìm trong năng lượng sôi động của thành phố khi bạn dạo bước dọc theo bờ sông Hàn, ngắm nhìn cầu Rồng nổi tiếng được thắp sáng bằng màu sắc đa dạng và thư giãn trên bãi biển Mỹ Khê tinh khiết. Đừng bỏ lỡ cơ hội khám phá những ngọn núi Thanh vành đá, nơi những ngôi chùa cổ và hang động bí ẩn chờ đón giữa cảnh quan xanh rậm."
            subTitle="Da Nang - Huế - Hội An, Việt Nam  |  5 ngày"
          />
}

Features

• Card

Acknowledgements

• Awesome Readme Templates
• Awesome README
• How to write a Good readme