1 files changed, 41 insertions, 0 deletions
diff --git a/html/lib/layout/fittable/source/FittableColumns.js b/html/lib/layout/fittable/source/FittableColumns.js
new file mode 100644
index 0000000..d28b6fe
--- /dev/null
+++ b/html/lib/layout/fittable/source/FittableColumns.js
@@ -0,0 +1,41 @@
+/**
+	_enyo.FittableColumns_ provides a container in which items are laid out in a
+	set of vertical columns, with most items having natural size, but one
+	expanding to fill the remaining space. The one that expands is labeled with
+	the attribute _fit: true_.
+
+	For example, the following code will align three components as columns, with
+	the second filling the available container space between the first and third:
+
+		enyo.kind({
+			kind: "FittableColumns",
+			components: [
+				{content: "1"},
+				{content: "2", fit:true},
+				{content: "3"}
+			]
+		});
+
+	Alternatively, you may set a kind's _layoutKind_ property to
+	<a href="#enyo.FittableColumnsLayout">enyo.FittableColumnsLayout</a>
+	to use a different base kind while still employing the fittable	layout
+	strategy, e.g.:
+
+		enyo.kind({
+		  kind: enyo.Control,
+		  layoutKind: "FittableColumnsLayout",
+			components: [
+				{content: "1"},
+				{content: "2", fit:true},
+				{content: "3"}
+			]
+		});
+*/
+
+enyo.kind({
+	name: "enyo.FittableColumns",
+	layoutKind: "FittableColumnsLayout",
+	/** By default, items in columns stretch to fit vertically; set to true to
+		avoid this behavior. */
+	noStretch: false
+});