More info about this info success goes here. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content. More info about this info danger goes here. More info about this info alert goes here. The following alert components can be used if you wish to disclose more information inside the element. Give it a click if you like.Ī simple success alert with an example link. Use this example to add a border accent on top of the alert component for further visual distinction.Ī simple danger alert with an example link. Give it a click if you like.Ī simple dark alert with an example link. Info Ensure that these requirements are met: At least 10 characters (and up to 100 characters) At least one lowercase character Inclusion of at least one special character, e.g., ! # ? Danger Ensure that these requirements are met: At least 10 characters (and up to 100 characters) At least one lowercase character Inclusion of at least one special character, e.g., ! # ? Expand codeĪ simple info alert with an example link. Use this example to show a list and a description inside an alert component. Use this example to add a border accent to the alert component instead of just a plain background. Info Dark alert! Change a few things up and try submitting again. Info Warning alert! Change a few things up and try submitting again. Info Success alert! Change a few things up and try submitting again. Info Danger alert! Change a few things up and try submitting again. Info Info alert! Change a few things up and try submitting again.
You can also include a descriptive icon to complement the message inside the alert component with the following example. Dark alert! Change a few things up and try submitting again. Warning alert! Change a few things up and try submitting again. Success alert! Change a few things up and try submitting again. Danger alert! Change a few things up and try submitting again. Info alert! Change a few things up and try submitting again.
0 kommentar(er)
