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 Alert Component #25

Closed aftabrehan closed 10 months ago

aftabrehan commented 2 years ago

Fixes #1

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