row = new HorizontalLayout();
row.addStyleName("wrapping");
row.setSpacing(true);
addComponent(row);
TextArea ta = new TextArea("Normal");
ta.setInputPrompt("Write your comment…");
row.addComponent(ta);
ta = new TextArea("Inline icon");
ta.setInputPrompt("Inline icon not really working");
ta.addStyleName("inline-icon");
ta.setIcon(testIcon.get());
row.addComponent(ta);
ta = new TextArea("Custom color");
ta.addStyleName("color1");
ta.setInputPrompt("Write your comment…");
row.addComponent(ta);
ta = new TextArea("Custom color, read-only");
ta.addStyleName("color2");
ta.setValue("Field value, spanning multiple lines of text");
ta.setReadOnly(true);
row.addComponent(ta);
ta = new TextArea("Custom color");
ta.addStyleName("color3");
ta.setValue("Field value, spanning multiple lines of text");
row.addComponent(ta);
ta = new TextArea("Small");
ta.addStyleName("small");
ta.setInputPrompt("Write your comment…");
row.addComponent(ta);
ta = new TextArea("Large");
ta.addStyleName("large");
ta.setInputPrompt("Write your comment…");
row.addComponent(ta);
ta = new TextArea("Borderless");
ta.addStyleName("borderless");
ta.setInputPrompt("Write your comment…");
row.addComponent(ta);
ta = new TextArea("Right-aligned");
ta.addStyleName("align-right");
ta.setValue("Field value, spanning multiple lines of text");
row.addComponent(ta);
ta = new TextArea("Centered");
ta.addStyleName("align-center");
ta.setValue("Field value, spanning multiple lines of text");
row.addComponent(ta);
ta = new TextArea("Tiny");
ta.addStyleName("tiny");
ta.setInputPrompt("Write your comment…");
row.addComponent(ta);
ta = new TextArea("Huge");
ta.addStyleName("huge");
ta.setInputPrompt("Write your comment…");
row.addComponent(ta);
RichTextArea rta = new RichTextArea();
rta.setValue("<b>Some</b> <i>rich</i> content");
row.addComponent(rta);