add guide preview directive example