demo for directive