Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Add Alerts Component #1

Open
ranajahanzaib opened this issue Mar 27, 2022 · 2 comments
Open

Add Alerts Component #1

ranajahanzaib opened this issue Mar 27, 2022 · 2 comments
Assignees
Labels
accepted Meets the criteria for inclusion ui Affects UX/UI Design work in progress

Comments

@ranajahanzaib
Copy link
Member

As per Figma

@ranajahanzaib ranajahanzaib added the ui Affects UX/UI Design label Mar 27, 2022
@ranajahanzaib ranajahanzaib moved this to Todo 📌 in KBS - DevBoard Mar 27, 2022
@ranajahanzaib ranajahanzaib added the accepted Meets the criteria for inclusion label Mar 27, 2022
@aftabrehan aftabrehan self-assigned this Mar 27, 2022
@Abdullah-k
Copy link
Member

Good work. well done.

@ranajahanzaib
Copy link
Member Author

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

@aftabrehan aftabrehan moved this from Todo 📌 to In Progress 🚧 in KBS - DevBoard Mar 31, 2022
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
accepted Meets the criteria for inclusion ui Affects UX/UI Design work in progress
Projects
Status: In Progress 🚧
Development

Successfully merging a pull request may close this issue.

3 participants