0.3.9 • Published 11 months ago
@highoutput/hds-alerts v0.3.9
Getting started
We aim to build a library of custom ReactJS components that implements our unique UI design conventions. The ReactJS components will be based primarily on Chakra UI components. React Storybook will be used for documentation and testing.
Commands
To install package, use:
npm i @highoutput/hds-alerts
Usage
import { Alert, Notification } from '@highoutput/hds-alerts';
export const AlertSamplePage = () => {
return (
<Alert
supportingDetail="Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam."
status="default"
alertLabel={{ label1: 'Dismiss', label2: 'Changelog' }}
alertLinks={{ link1: '#', link2: '#' }}
title="We’ve just released a new feature"
/>
);
};
export const NotificationSamplePage = () => {
return (
<Notification
type={'avatar'}
avatar={Avatar}
createdAt={'2 mins ago'}
supportingDetail="I’ve finished adding my notes. Happy for us to review whenever you’re ready!"
alertLabel={{ label1: 'Dismiss', label2: 'Changelog' }}
alertLinks={{ link1: '#', link2: '#' }}
title="Katherine Moss"
isOpen={true}
/>
);
};
0.3.9
11 months ago
0.3.0
1 year ago
0.3.8
11 months ago
0.3.7
12 months ago
0.3.2
1 year ago
0.3.4
12 months ago
0.3.3
1 year ago
0.2.11
1 year ago
0.2.10
1 year ago
0.2.1
1 year ago
0.2.7
1 year ago
0.2.9
1 year ago
0.2.8
1 year ago
0.2.3
1 year ago
0.2.2
1 year ago
0.2.5
1 year ago
0.2.4
1 year ago
0.2.0
1 year ago
0.2.1-alpha.0
1 year ago
0.1.8
1 year ago
0.1.7
1 year ago
0.1.6
1 year ago
0.1.5
1 year ago
0.1.4
1 year ago
0.1.3
1 year ago
0.1.2
1 year ago
0.1.1
1 year ago