A react component to show bootstrap alert notifications. View on GitHub
This example sets a timeout of 10 seconds for each alert. Take a look at the
example directory
to see how this works.
This is boilerplate text to show how the alert stays fixed to the top of the page as you scroll.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae justo vel tellus ultricies luctus. Mauris ac malesuada tellus. Morbi gravida pellentesque ultricies. Praesent hendrerit cursus lectus commodo malesuada. Pellentesque elit ex, accumsan ut velit suscipit, pellentesque interdum augue. Vestibulum quis nisl ut nisl varius hendrerit. Proin facilisis luctus ipsum, vitae molestie tellus mattis dapibus.
Duis eget urna vel nulla auctor ullamcorper at sit amet enim. Proin sed pretium risus. Aenean ac quam at dui tincidunt tristique. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec viverra quam quam. Etiam mattis quam et venenatis auctor. Maecenas lectus ipsum, luctus et varius a, pharetra id risus. Curabitur ac nibh vitae mauris volutpat varius id eget risus. Donec sem quam, dapibus vitae convallis ut, tempus eget dolor. Nulla facilisi. Phasellus eget viverra odio. Aenean finibus justo vitae dui ornare ultrices.
Sed sed dapibus diam. Suspendisse in viverra orci. Aliquam eu velit orci. Nunc interdum odio id dolor sodales vehicula nec sit amet tortor. Morbi efficitur tristique ipsum hendrerit vehicula. Aenean nec semper lectus. Vivamus efficitur velit massa, vitae condimentum eros tristique vitae. Vivamus cursus est magna, a scelerisque massa ultricies eget. Duis dictum nibh lectus, in venenatis est vehicula ut. Nam interdum magna in tortor bibendum suscipit. Nullam at luctus nisl.
Integer ornare tellus non nisl porta, non lacinia ex eleifend. Donec ex nisi, maximus id justo nec, condimentum rutrum metus. Pellentesque scelerisque molestie diam, sed dignissim lacus. Nulla vestibulum efficitur egestas. Ut ut nisi eu augue dignissim tincidunt eu quis turpis. Pellentesque in egestas sem. Suspendisse non nunc sed nulla commodo laoreet. Pellentesque gravida sit amet enim eget vestibulum. Integer sed sollicitudin turpis, eget aliquam neque. Ut sit amet eros lorem. Aliquam aliquet eleifend enim. Nullam vulputate libero vel lectus placerat, et pretium ipsum cursus. Cras vel velit purus. Fusce laoreet augue ac nibh varius ultricies.
Proin risus risus, vehicula semper augue vel, aliquet tincidunt arcu. Sed at luctus libero, vel varius urna. Donec fermentum sodales sem, vel bibendum mauris tempor a. Proin consectetur risus at massa rutrum ultricies. Sed sagittis dictum pretium. Nam congue libero in nisl vestibulum sollicitudin. Fusce pharetra sollicitudin orci, eget viverra nisl. Duis finibus finibus vehicula. Vivamus efficitur, nunc eu tincidunt consequat, massa sapien bibendum nibh, et placerat ante ante vel ligula. Suspendisse potenti. Mauris malesuada consequat porttitor.
Donec in lorem in nibh tincidunt pulvinar. Aenean eget egestas magna. Morbi sit amet ligula imperdiet, volutpat nunc venenatis, porttitor nisl. Sed nec tortor a quam aliquam volutpat ut vitae nibh. Maecenas in mollis risus, in auctor enim. Aenean consectetur dui ut eros cursus pellentesque. Morbi facilisis vitae sem non imperdiet. Phasellus eget blandit enim.
Duis varius et sapien in consequat. Cras ex ex, efficitur ac tellus vel, ornare volutpat turpis. Suspendisse finibus in purus eget pharetra. Pellentesque risus dui, cursus non fringilla eu, egestas a felis. Etiam vulputate scelerisque felis id mollis. Ut auctor tristique eros, a finibus augue vehicula at. Phasellus consectetur sagittis est, a fermentum quam rutrum et. Etiam finibus commodo sem vel fringilla.
Duis vel felis imperdiet, feugiat nulla id, fermentum velit. Ut pretium dapibus eros quis feugiat. Etiam nec vulputate purus. Suspendisse sit amet leo in enim cursus semper sagittis eget enim. Integer vestibulum pulvinar dui ac lobortis. Nam euismod lectus id nibh cursus pulvinar vel et risus. Curabitur sit amet interdum orci, at imperdiet ex. Ut cursus est sed ex ultricies, a pulvinar tellus volutpat. Sed lacus lorem, mollis et malesuada sit amet, pulvinar non libero. Aliquam viverra et mi sed dignissim. Quisque vel facilisis augue. Nam vel imperdiet ipsum, at sagittis nunc. Duis tincidunt libero ac elementum bibendum. Nulla quis auctor neque. Nullam ac tempor velit.
Pellentesque vitae ante vestibulum, rutrum est quis, pellentesque erat. Praesent fringilla ac ex ac aliquam. Nulla venenatis risus eget velit maximus porta. In venenatis orci ut nibh lacinia commodo. Fusce euismod egestas libero nec cursus. Ut faucibus porttitor auctor. Nam fringilla condimentum imperdiet.
Donec bibendum convallis sem in sodales. Aenean eget ultrices enim, ac suscipit eros. Sed laoreet urna sem, sit amet sagittis enim bibendum non. Vivamus quis dignissim dolor. Sed est metus, bibendum at mi ut, tincidunt ultricies ligula. Nam a pharetra dolor, nec laoreet ligula. Nunc fermentum massa a nisi posuere, ut semper velit volutpat. Maecenas convallis, neque et tempus aliquam, enim elit scelerisque diam, in malesuada odio enim non tellus. Duis porttitor ipsum erat, ac fringilla diam egestas pretium. Maecenas molestie venenatis arcu sed mollis. Pellentesque pulvinar odio dolor, placerat pharetra elit tempor eu. Maecenas venenatis dignissim velit a ornare. Integer sapien risus, commodo eu velit quis, finibus malesuada velit. Mauris eget dui eu tortor bibendum pharetra vel quis lectus.