@collabland/core-ui

@collabland/core-ui

Abridged Collab.land core UI

Install

npm install @collabland/core-ui --save

or

yarn add @collabland/core-ui

Collabland core UI components usage

import { Button } from '@collabland/core-ui';

return (
  <Button
    disabled={false}
    id="btn-id"
    name="btn-name"
    onClick={() => {}}
    fullWidth={false}
    size="medium" // 'small' | 'medium' | 'large'
    theme="primary" // 'primary' | 'secondary'
  >
    I am Button
  </Button>
);

import { Footer } from '@collabland/core-ui';

return <Footer />;

import { Header } from '@collabland/core-ui';

return <Header />;

import { NewLoading } from '@collabland/core-ui';

return <NewLoading />;

import { Navbar } from '@collabland/core-ui';

return (
  <Navbar>
    <CustomerComponent />
  </Navbar>
);

import { PopupModal } from '@collabland/core-ui';

return (
  <PopupModal>
    <CustomerComponent />
  </PopupModal>
);

import { Toast } from '@collabland/core-ui';

return (
  <Toast
    isSucceed={true}
    toastMessage={'Successed'}
    handelClose= () => {}
  />
);

import { Axie } from '@collabland/core-ui';

return <Axie width="100px" height="100px" />;

import { Input } from '@collabland/core-ui';

return <Input />;

Development

npm install
npm run storybook

Build

npm run build

Publish

npm publish

Changelog

• 0.7.2 Update loading component
• 0.7.1 Update Header content
• 0.7.0 Add MarketCardComponent
• 0.6.8 Add new icon Update HeaderComponent Update FooterComponent Update Navbar
• 0.6.7 Add delegate cash icons fixed SVG issue
• 0.6.5 Add solana & near icons Update footer component
• 0.6.4 Add new wallet icons
• 0.6.3 update footer style
• 0.6.1 update svg attr name
• 0.6.0 Added text input component Added some wallet icons Update Header style
• 0.4.0 Update style
• 0.3.0 Export Icons component
• 0.1.0 Fist time commit the collab core ui