xtag.json

{
	"name": "Flipbox",
	"tagName": "x-flipbox",
	"version": "0.2.9",
	"author": "Arron Schaar, Daniel Buchner",
	"description": "Flips between two content elements with a CSS Animation, similar to flipping a playing card. The front face defaults to the first direct child element of the <x-flipbox>, and the back face defaults to the last direct child element.",
	"images": [],
	"categories": [
		"structural"
	],
	"demo": "demo/testpage.html",
	"compatibility": {
		"firefox": 5,
		"chrome": 4,
		"opera": 12,
		"android": 2.1,
		"ios": 4
	},
	"documentation": {
		"attributes": {
			"direction": "Indicates which direction the flip-animation swivels towards. Valid options are 'right', 'left', 'up', and 'down'. Defaults to 'left'.",
			"flipped": "Boolean attribute indicating whether the back face of the flipbox is showing or not."
		},
		"getters": {
			"direction": "Returns the current flip direction.",
			"flipped": "Returns true if flipped."
		},
		"setters": {
			"direction": "The direction to flip. Valid values are right, left, up, and down.",
			"flipped": "Set whether the back face of the flipbox is showing or not."
		},
		"methods": {
			"toggle()": "Flips the card to its opposite face.",
			"showFront()": "Force the flipbox to flip to its front face.",
			"showBack()": "Force the flipbox to flip to its back face."
		},
		"events": {
			"flipend": "The flipbox fires a flipend event whenever it fully finishes a flipping animation. This will not fire if the flipping animation is interrupted before completion.",
			"show": "If either the front face or the back face of the flipbox receives a show event, the flipbox will automatically show that side. \n Note: this event is not fired by the flipbox itself."
		}
	}
}