mercuryds v1.0.49

mercuryds

This is React component library inspired by Mercury OS. This repository isn't at all affiliated with Jason Yuan Design. All credits and acknowledgement can be found here.

Install

npm install --save mercuryds

Usage

/* eslint-disable react-hooks/exhaustive-deps */
import {
  Heading1,
  Heading2,
  Heading3,
  Heading4,
  Heading5,
  Heading6,
  Input,
  useTelemetry
} from 'mercuryds'
import React, { CSSProperties, useEffect, useState } from 'react'
import TableExample from './TableExample'
import { histories } from './utils'

const sectstyle: CSSProperties = { padding: 5 }

const App = () => {
  const { log } = useTelemetry({
    cb: () => console.log('logger callback'),
    prefix: 'Error: '
  })

  return (
    <div style={sectstyle}>
      <div style={sectstyle}>
        <button onClick={() => log('using custom telemetry logger')}>
          Log
        </button>
        <Input onChange={(e: any) => console.log(e.target.value)} />
      </div>
      <div style={sectstyle}>
        <p>Typography</p>
        <Heading1>Heading 1</Heading1>
        <Heading2>Heading 2</Heading2>
        <Heading3>Heading 3</Heading3>
        <Heading4>Heading 4</Heading4>
        <Heading5>Heading 5</Heading5>
        <Heading6>Heading 6</Heading6>
      </div>
      <div style={sectstyle}>
        <p>Data Tables</p>
        <TableExample />
      </div>
    </div>
  )
}

export default App

License

MIT © @AnjirHossain