❀Neoanthropic Preternatural Murmurings

    dynamic-cards
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1Β β€’Β PublicΒ β€’Β Published

    Welcome to dynamic-cards πŸ‘‹

    Version License: MIT

    🏠 Homepage

    Prerequisites

    • node >=10

    Install with npm

    yarn install dynamic-cards

    Usage

    base

    <DynamicCard>
      {(key) => {
        return (
          <div className="card-demo">
            <img className="emoji" src="https://z3.ax1x.com/2021/03/23/6To1Ve.png" alt=""/>
            <p className="block">this card key number with {key}</p>
          </div>
        )
      }}
    </DynamicCard>

    support for default

    <DynamicCard
      defaultNum={2}
    >
      {(key) => {
        return (
          <div className="card-demo">
            <img className="emoji" src="https://z3.ax1x.com/2021/03/23/6To1Ve.png" alt=""/>
            <p className="block">this card key number with {key}</p>
          </div>
        )
      }}
    </DynamicCard>

    support for async

    const timeout = (ms: number) => {
      return new Promise(resolve => setTimeout(() => {
        resolve(console.log('done'))
      }, ms));
    }
    
    const willAdd = async () => {
      await timeout(2000)
    }
    
    const willCancel = async () => {
      await timeout(2000);
    }
    
    <DynamicCard
      defaultNum={2}
      willAdd={willAdd}
      willCancel={willCancel}
    >
      {(key) => {
        return (
          <div className="card-demo">
            <img className="emoji" src="https://z3.ax1x.com/2021/03/23/6To1Ve.png" alt=""/>
            <p className="block">this card key number with {key}</p>
          </div>
        )
      }}
    </DynamicCard>

    Show your support

    Give a ⭐️ if this project helped you!

    Install

    npm i dynamic-cards

    DownloadsWeekly Downloads

    9

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    43.1 kB

    Total Files

    18

    Last publish

    Collaborators

    • cuishijie5588