{"title":"Molecules\/Alert","parameters":{"componentSubtitle":"Bootstrap Alert Component","docs":{"description":{"component":"Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight required contextual classes (e.g., .alert-success)."},"story":{"inline":true}}},"argTypes":{"type":{"name":"Alert type","description":"Bootstrap includes several predefined alert type styles.","defaultValue":"","control":"select","options":{"'- none -'":"","Primary":"alert-primary","Secondary":"alert-secondary","Success":"alert-success","Danger":"alert-danger","Warning":"alert-warning","Info":"alert-info","Light":"alert-light","Dark":"alert-dark"}},"dismissible":{"name":"Dismissible","description":"It is possible to dismiss any alert inline, When an alert is dismissed, the element is completely removed from the page structure.","defaultValue":true,"control":"boolean"},"content":{"name":"Alert content","description":"The content of the alert.","defaultValue":"","control":"text"},"heading":{"name":"Alert heading","description":"Alerts can also contain primary alert heading.","defaultValue":"","control":"text"},"alert_utility_classes":{"name":"Utility Classes","description":"An array of utility classes that can be used to add extra Bootstrap utility classes or custom classes to this component.","control":"object","defaultValue":[]},"attributes":{"name":"Attributes","description":"HTML attributes for the alert element.","control":"object","defaultValue":[]},"dismissible_attributes":{"name":"Attributes","description":"Dismiss close button attributes","control":"object","defaultValue":[]}},"stories":[{"name":"Primary","args":{"type":"alert-primary","dismissible":true,"heading":"","content":"A simple alert primary check it out!","alert_utility_classes":[]},"parameters":{"server":{"id":"eyJwYXRoIjoidGhlbWVzXC9jb250cmliXC92YXJ0aGVtZV9iczVcL2NvbXBvbmVudHNcL21vbGVjdWxlc1wvYWxlcnRcL2FsZXJ0LnN0b3JpZXMudHdpZyIsImlkIjoiUHJpbWFyeSJ9"}}},{"name":"Secondary","args":{"type":"alert-secondary","dismissible":true,"heading":"","content":"A simple alert a secondary check it out!","alert_utility_classes":[]},"parameters":{"server":{"id":"eyJwYXRoIjoidGhlbWVzXC9jb250cmliXC92YXJ0aGVtZV9iczVcL2NvbXBvbmVudHNcL21vbGVjdWxlc1wvYWxlcnRcL2FsZXJ0LnN0b3JpZXMudHdpZyIsImlkIjoiU2Vjb25kYXJ5In0%3D"}}},{"name":"Success","args":{"type":"alert-success","dismissible":true,"heading":"","content":"A simple alert success check it out!","alert_utility_classes":[]},"parameters":{"server":{"id":"eyJwYXRoIjoidGhlbWVzXC9jb250cmliXC92YXJ0aGVtZV9iczVcL2NvbXBvbmVudHNcL21vbGVjdWxlc1wvYWxlcnRcL2FsZXJ0LnN0b3JpZXMudHdpZyIsImlkIjoiU3VjY2VzcyJ9"}}},{"name":"Danger","args":{"type":"alert-danger","dismissible":true,"heading":"","content":"A simple alert danger check it out!","alert_utility_classes":[]},"parameters":{"server":{"id":"eyJwYXRoIjoidGhlbWVzXC9jb250cmliXC92YXJ0aGVtZV9iczVcL2NvbXBvbmVudHNcL21vbGVjdWxlc1wvYWxlcnRcL2FsZXJ0LnN0b3JpZXMudHdpZyIsImlkIjoiRGFuZ2VyIn0%3D"}}},{"name":"Warning","args":{"type":"alert-warning","dismissible":true,"heading":"","content":"A simple alert warning check it out!","alert_utility_classes":[]},"parameters":{"server":{"id":"eyJwYXRoIjoidGhlbWVzXC9jb250cmliXC92YXJ0aGVtZV9iczVcL2NvbXBvbmVudHNcL21vbGVjdWxlc1wvYWxlcnRcL2FsZXJ0LnN0b3JpZXMudHdpZyIsImlkIjoiV2FybmluZyJ9"}}},{"name":"Info","args":{"type":"alert-info","dismissible":true,"heading":"","content":"A simple alert info check it out!","alert_utility_classes":[]},"parameters":{"server":{"id":"eyJwYXRoIjoidGhlbWVzXC9jb250cmliXC92YXJ0aGVtZV9iczVcL2NvbXBvbmVudHNcL21vbGVjdWxlc1wvYWxlcnRcL2FsZXJ0LnN0b3JpZXMudHdpZyIsImlkIjoiSW5mbyJ9"}}},{"name":"Light","args":{"type":"alert-light","dismissible":true,"heading":"","content":"A simple alert light check it out!","alert_utility_classes":[]},"parameters":{"server":{"id":"eyJwYXRoIjoidGhlbWVzXC9jb250cmliXC92YXJ0aGVtZV9iczVcL2NvbXBvbmVudHNcL21vbGVjdWxlc1wvYWxlcnRcL2FsZXJ0LnN0b3JpZXMudHdpZyIsImlkIjoiTGlnaHQifQ%3D%3D"}}},{"name":"Dark","args":{"type":"alert-dark","dismissible":true,"heading":"","content":"A simple alert dark check it out!","alert_utility_classes":[]},"parameters":{"server":{"id":"eyJwYXRoIjoidGhlbWVzXC9jb250cmliXC92YXJ0aGVtZV9iczVcL2NvbXBvbmVudHNcL21vbGVjdWxlc1wvYWxlcnRcL2FsZXJ0LnN0b3JpZXMudHdpZyIsImlkIjoiRGFyayJ9"}}}]}