search

kindlenext / kbs

A collection of components that can be used to build a responsive, mobile-first, Bootstrap-based UI.
MIT License
3 stars 0 forks source link

Add Alerts Component #1

Open ranajahanzaib opened 2 years ago

ranajahanzaib commented 2 years ago

As per Figma

Abdullah-k commented 2 years ago

Good work. well done.

ranajahanzaib commented 2 years ago

Add Alert Component

Props

AlertBox.propTypes = {
  varient: PropTypes.string.isRequired,
  label: PropTypes.string,
  children: PropTypes.node,
}

Usage

Simple Usage

<AlertBox varient="primary" label="Custom message" />

Children Usage

<AlertBox varient="info">
  <p>
     You can use <Link href="#">example link(s)</Link> in alert box simply.
   </p>
</AlertBox>

Component Preview

Move this Info to PR