Snippet revisions — Bitbucket

+package application;

+import javafx.application.Application;

+import javafx.beans.value.ChangeListener;

+import javafx.beans.value.ObservableValue;

+import javafx.event.ActionEvent;

+import javafx.event.EventHandler;

+import javafx.geometry.Insets;

+import javafx.scene.Node;

+import javafx.scene.Scene;

+import javafx.scene.control.Button;

+import javafx.scene.control.ContentDisplay;

+import javafx.scene.control.Label;

+import javafx.scene.control.TextField;

+import javafx.scene.input.MouseEvent;

+import javafx.scene.layout.BorderPane;

+import javafx.scene.layout.FlowPane;

+import javafx.scene.layout.Pane;

+import javafx.scene.shape.LineTo;

+import javafx.scene.shape.MoveTo;

+import javafx.scene.shape.Path;

+import javafx.stage.Stage;

+public class Main extends Application {

+	@Override

+	public void start(Stage primaryStage) {

+		try {

+			BorderPane root = new BorderPane();

+			FlowPane fp = new FlowPane();

+			fp.setHgap(10);

+			fp.setVgap(15);

+			root.setBottom(fp);

+			root.setTop(new Label("ASK YOUR QUESTION/SEARCH FOR YOUR VIDEO :)"));

+			TextField tf = new TextField("start typing");

+			tf.setMinSize(250, 250);

+			root.setCenter(tf);

+			Button b = new Button("ADD TAGS");

+			b.setStyle("-fx-background-color: green;");

+			b.setOnAction(new EventHandler<ActionEvent>() {

+				@Override

+				public void handle(ActionEvent paramT) {

+					fp.getChildren().add(new Tag("New Tag" + fp.getChildren().size()));

+				}

+			});

+			root.setRight(b);

+			Scene scene = new Scene(root,500,400);

+			scene.getStylesheets().add(getClass().

+					getResource("application.css").toExternalForm());

+			primaryStage.setScene(scene);

+			primaryStage.show();

+		} catch(Exception e) {

+			e.printStackTrace();

+		}

+	}

+	private class Tag extends Label{

+		public Tag() {

+			super();

+			initTag();

+		}

+		private Tag(String arg0, Node arg1) {

+			super(arg0, arg1);

+		}

+		public Tag(String arg0) {

+			super(arg0);

+			initTag();

+		}

+		private final void initTag(){

+			Path path = new Path();

+			/**

+			 * you will need to increase the 5 if you want the close button to be big

+			 */

+			path.getElements().addAll(

+					new MoveTo(0,0),new LineTo(5, 5),

+					new MoveTo(5,0), new LineTo(0,5));

+			path.setStyle("-fx-stroke: red;");

+			path.setOnMouseClicked(new EventHandler<MouseEvent>() {

+				@Override

+				public void handle(MouseEvent paramT) {

+					Node n = Tag.this.getParent();

+					if(n instanceof Pane){//of course it is

+						((Pane)n).getChildren().remove(Tag.this);

+					}

+				}

+			});

+			setPadding(new Insets(3,5,3,5));

+			setGraphic(path);

+			setContentDisplay(ContentDisplay.RIGHT);

+			setGraphicTextGap(8);

+			graphicProperty().addListener(new ChangeListener<Node>() {

+				@Override

+				public void changed(ObservableValue<? extends Node> paramObservableValue,

+						Node paramT1, Node paramT2) {

+					if(paramT2 != path){

+						setGraphic(path);

+					}

+				}

+			});

+			setStyle("-fx-background-color: gold; "

+					+ "-fx-border-radius: 3;"

+					+ "-fx-border-color: red;");

+		}

+	}

+	public static void main(String[] args) {

+		launch(args);

+	}

+}

Snippets