0.0.75 • Published 9 months ago

@ddreamland/common v0.0.75

Weekly downloads
-
License
-
Repository
-
Last release
9 months ago

DDreamland common lib

Installation

npm i @ddreamland/common -S

or

pnpm i @ddreamland/common -S

How to use

1. Add style to root

  • nextjs
import './globals.css'
import '@ddreamland/common/style.css' // Here

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  )
}
  • react
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.tsx'
import './index.css'
import '@ddreamland/common/style.css' // Here

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
)

2. Use ddream-land common component

  • nextjs
'use client'
import { DDLSidebar } from '@ddreamland/common'
import { useState } from 'react'

export function Container() {
  const [lang, setLang] = useState<'en' | 'zh-CN'>('en')

  return (
    <div style={{ height: '600px', width: '280px' }}>
      <button
        onClick={() => {
          setLang(lang == 'en' ? 'zh-CN' : 'en')
        }}
      >
        Switch lang
      </button>
      {/* ddreamland sidebar adptive parent size and position */}
      <DDLSidebar></DDLSidebar>

      {/* <DDLSidebar lang={lang} /> */}
      {/* <DDLSidebar lang="en" /> */}
      {/* <DDLSidebar lang="zh-CN" /> */}
    </div>
  )
}
  • react
<div style={{ height: '600px', width: '280px' }}>
  {/* ddreamland sidebar adptive parent size and position */}
  <DDLSidebar></DDLSidebar>

  {/* <DDLSidebar lang={lang}></DDLSidebar> */}
  {/* <DDLSidebar lang="en" /> */}
  {/* <DDLSidebar lang="zh-CN" /> */}
  
  <LoginModal
    isOpen={isOpen}
    locale={locale}
    onClose={() => {
      setIsOpen(false);
    }}
    onLogin={() => {
      setIsOpen(false);
      // do something
    }}
  />
</div>
0.0.75

9 months ago

0.0.74

10 months ago

0.0.73

10 months ago

0.0.72

10 months ago

0.0.71

11 months ago

0.0.70

11 months ago

0.0.69

11 months ago

0.0.68

11 months ago

0.0.67

11 months ago

0.0.66

11 months ago

0.0.65

11 months ago

0.0.63

11 months ago

0.0.62

11 months ago

0.0.61

11 months ago

0.0.60

11 months ago

0.0.59

12 months ago

0.0.58

12 months ago

0.0.57

12 months ago

0.0.56

12 months ago

0.0.55

12 months ago

0.0.54

12 months ago

0.0.53

12 months ago

0.0.52

12 months ago

0.0.52-beta.0

12 months ago

0.0.51-beta.1

12 months ago

0.0.51-beta.0

12 months ago

0.0.51

12 months ago

0.0.50

12 months ago

0.0.49

12 months ago

0.0.48

12 months ago

0.0.47

12 months ago

0.0.46

12 months ago

0.0.45

12 months ago

0.0.44

12 months ago

0.0.43

12 months ago

0.0.42

12 months ago

0.0.41

12 months ago

0.0.40

12 months ago

0.0.39

12 months ago

0.0.38

12 months ago

0.0.37

12 months ago

0.0.36

12 months ago

0.0.35

12 months ago

0.0.34

12 months ago

0.0.33

12 months ago

0.0.32

12 months ago

0.0.31

12 months ago

0.0.30

12 months ago

0.0.29

12 months ago

0.0.28

12 months ago

0.0.27

12 months ago

0.0.26

1 year ago

0.0.25

1 year ago

0.0.24

1 year ago

0.0.23

1 year ago

0.0.22

1 year ago

0.0.20

1 year ago

0.0.19

1 year ago

0.0.18

1 year ago

0.0.17

1 year ago

0.0.16

1 year ago

0.0.13

1 year ago

0.0.12

1 year ago

0.0.11

1 year ago

0.0.10

1 year ago

0.0.9

1 year ago

0.0.8

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.5

1 year ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago