Overview
See all the source code in Github.
Alert
Show warning alert | Show danger alert
Wow! This warning will disappear in 9 seconds.
Alert Title
This alert has a close button on the top right corner.
Carousel
Collapse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor ligula diam, et sollicitudin felis pretium a. Pellentesque vehicula eleifend tortor, et vehicula tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis congue luctus est id finibus. Morbi pellentesque, leo vitae pretium iaculis, justo turpis efficitur ex, at varius purus velit eu nisl. Mauris imperdiet nisi quis risus vestibulum, ut placerat erat faucibus. Mauris iaculis tempus libero, vel sagittis ligula porta ut.
Click here to view all the content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor ligula diam, et sollicitudin felis pretium a. Pellentesque vehicula eleifend tortor, et vehicula tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis congue luctus est id finibus. Morbi pellentesque, leo vitae pretium iaculis, justo turpis efficitur ex, at varius purus velit eu nisl. Mauris imperdiet nisi quis risus vestibulum, ut placerat erat faucibus. Mauris iaculis tempus libero, vel sagittis ligula porta ut.
Accordion
Example 1
Panel 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor ligula diam, et sollicitudin felis pretium a. Pellentesque vehicula eleifend tortor, et vehicula tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis congue luctus est id finibus. Morbi pellentesque, leo vitae pretium iaculis, justo turpis efficitur ex, at varius purus velit eu nisl. Mauris imperdiet nisi quis risus vestibulum, ut placerat erat faucibus. Mauris iaculis tempus libero, vel sagittis ligula porta ut.
Panel 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor ligula diam, et sollicitudin felis pretium a. Pellentesque vehicula eleifend tortor, et vehicula tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis congue luctus est id finibus. Morbi pellentesque, leo vitae pretium iaculis, justo turpis efficitur ex, at varius purus velit eu nisl. Mauris imperdiet nisi quis risus vestibulum, ut placerat erat faucibus. Mauris iaculis tempus libero, vel sagittis ligula porta ut.
Panel 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor ligula diam, et sollicitudin felis pretium a. Pellentesque vehicula eleifend tortor, et vehicula tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis congue luctus est id finibus. Morbi pellentesque, leo vitae pretium iaculis, justo turpis efficitur ex, at varius purus velit eu nisl. Mauris imperdiet nisi quis risus vestibulum, ut placerat erat faucibus. Mauris iaculis tempus libero, vel sagittis ligula porta ut.
Example 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor ligula diam, et sollicitudin felis pretium a. Pellentesque vehicula eleifend tortor, et vehicula tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis congue luctus est id finibus. Morbi pellentesque, leo vitae pretium iaculis, justo turpis efficitur ex, at varius purus velit eu nisl. Mauris imperdiet nisi quis risus vestibulum, ut placerat erat faucibus. Mauris iaculis tempus libero, vel sagittis ligula porta ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor ligula diam, et sollicitudin felis pretium a. Pellentesque vehicula eleifend tortor, et vehicula tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis congue luctus est id finibus. Morbi pellentesque, leo vitae pretium iaculis, justo turpis efficitur ex, at varius purus velit eu nisl. Mauris imperdiet nisi quis risus vestibulum, ut placerat erat faucibus. Mauris iaculis tempus libero, vel sagittis ligula porta ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor ligula diam, et sollicitudin felis pretium a. Pellentesque vehicula eleifend tortor, et vehicula tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis congue luctus est id finibus. Morbi pellentesque, leo vitae pretium iaculis, justo turpis efficitur ex, at varius purus velit eu nisl. Mauris imperdiet nisi quis risus vestibulum, ut placerat erat faucibus. Mauris iaculis tempus libero, vel sagittis ligula porta ut.
Datepicker
//In development
Dropdown
Input Mask
Modal
Popover
Popover top
Um propover directed to top
Popover right
Um propover directed to right
Popover left
Um propover directed to left
Popover bottom
Um propover directed to bottom
Popover left
Um propover directed to left
Popover bottom
Um propover directed to bottom