add a example with navigation list