@collabland/core-ui
v0.7.2
Published
Abridged Collab.land core UI
Downloads
20
Readme
@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