{
	"context": {
		"params":{
			"title": "This is a default message or alert",
			"content": "This is some content for the alert box"
		}
	},
	"variants": [
		{
			"name": "success",
            "context": {
				"params":{
		        	    "title": "This is a success message or alert",
		        	    "alertType": " sta-alert--success",
						"content": "This example shows how different templates can be used for different variants and how other components can be included. In this case a button.",
						"button": {	
							"params": {
								"title": "Button for alert",
                        		"type": "sta-button-outline"
							}
						}
		        	}
		        }
		},
		{
			"name": "danger",
            "context": {
				"params":{
        	    	"title": "This is an error message or alert",
        	    	"alertType": " sta-alert--danger",
					"content": "Variants can also be controlled within the same template via the config."
        	    }
        	}
		},
		{
			"name": "info",
            "context": {
				"params":{
        	    	"title": "This is an information message or alert",
        	    	"alertType": " sta-alert--info"
        	    }
        	}
		},
		{
			"name": "warning",
            "context": {
				"params":{
        	    	"title": "This is a warning message or alert",
        	    	"alertType": " sta-alert--warning",
        	    	"content": "This is some content with a <a href=\"#\">text link</a>."
        	    }
        	}
		}
	]
}