Empty States
6 UI Blocks Example
empty_state_6
empty_state_6
[arr.create set="template.data"]
[section_classes][/section_classes]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/users-three-svgrepo-com.svg[/icon]
[section_title]Add members[/section_title]
[subtitle]You haven't added any members to your project yet. As the owner of this project, you can manage team members' permission.[/subtitle]
[list_header]Members previously added to projects[/list_header]
[item new]
[col_class]col-sm-6[/col_class]
[image]https://via.placeholder.com/40x40[/image]
[title]John Arnold[/title]
[subtitle]Front-end developer[/subtitle]
[btn_icon]icon-add[/btn_icon]
[btn_link]#[/btn_link]
[btn_label]Add[/btn_label]
[/item]
[item new]
[col_class]col-sm-6[/col_class]
[image]https://via.placeholder.com/40x40[/image]
[title]Alex Doe[/title]
[subtitle]Python developer[/subtitle]
[btn_icon]icon-add[/btn_icon]
[btn_link]#[/btn_link]
[btn_label]Add[/btn_label]
[/item]
[item new]
[col_class]col-sm-6[/col_class]
[image]https://via.placeholder.com/40x40[/image]
[title]John Arnold[/title]
[subtitle]Front-end developer[/subtitle]
[btn_icon]icon-add[/btn_icon]
[btn_link]#[/btn_link]
[btn_label]Add[/btn_label]
[/item]
[item new]
[col_class]col-sm-6[/col_class]
[image]https://via.placeholder.com/40x40[/image]
[title]Alex Doe[/title]
[subtitle]Python developer[/subtitle]
[btn_icon]icon-add[/btn_icon]
[btn_link]#[/btn_link]
[btn_label]Add[/btn_label]
[/item]
[/arr.create]
[uiblocks.empty-states.empty_state_6 data="{template.data}" /]
empty_state_5
Projects
You haven't created a project yet. Get started by selecting a template or start from an empty project.
empty_state_5
[arr.create set="template.data"]
[section_classes][/section_classes]
[title]Projects[/title]
[subtitle]You haven't created a project yet. Get started by selecting a template or start from an empty project.[/subtitle]
[footer_link]#[/footer_link]
[footer_link_label]Or start from an empty project[/footer_link_label]
[item new]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/option.png[/icon]
[icon_bg]#f00[/icon_bg]
[title]Create a list[/title]
[desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
[link]#[/link]
[/item]
[item new]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/email.png[/icon]
[icon_bg]#0f0[/icon_bg]
[title]Create an emailer[/title]
[desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
[link]#[/link]
[/item]
[/arr.create]
[uiblocks.empty-states.empty_state_5 data="{template.data}" /]
empty_state_4
empty_state_4
[arr.create set="template.data"]
[section_classes][/section_classes]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/users-three-svgrepo-com.svg[/icon]
[section_title]Add members[/section_title]
[subtitle]You haven't added any members to your project yet. As the owner of this project, you can manage team members' permission.[/subtitle]
[list_header]Members previously added to projects[/list_header]
[item new]
[image]https://via.placeholder.com/40x40[/image]
[title]John Arnold[/title]
[subtitle]Front-end developer[/subtitle]
[btn_icon]icon-add[/btn_icon]
[btn_link]#[/btn_link]
[btn_label]Add[/btn_label]
[/item]
[item new]
[image]https://via.placeholder.com/40x40[/image]
[title]Alex Doe[/title]
[subtitle]Python developer[/subtitle]
[btn_icon]icon-add[/btn_icon]
[btn_link]#[/btn_link]
[btn_label]Add[/btn_label]
[/item]
[/arr.create]
[uiblocks.empty-states.empty_state_4 data="{template.data}" /]
empty_state_3
Projects
You haven't created a project yet. Get started by selecting a template or start from an empty project.
empty_state_3
[arr.create set="template.data"]
[section_classes][/section_classes]
[title]Projects[/title]
[subtitle]You haven't created a project yet. Get started by selecting a template or start from an empty project.[/subtitle]
[footer_link]#[/footer_link]
[footer_link_label]Or start from an empty project[/footer_link_label]
[item new]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/option.png[/icon]
[icon_bg]#f00[/icon_bg]
[title]Create a list[/title]
[desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
[link]#[/link]
[/item]
[item new]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/email.png[/icon]
[icon_bg]#0f0[/icon_bg]
[title]Create an emailer[/title]
[desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
[link]#[/link]
[/item]
[item new]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/calendar.png[/icon]
[icon_bg]#00f[/icon_bg]
[title]Create an event[/title]
[desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
[link]#[/link]
[/item]
[item new]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/clock.png[/icon]
[icon_bg]#ff8d00[/icon_bg]
[title]Create a timeline[/title]
[desc]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.[/desc]
[link]#[/link]
[/item]
[/arr.create]
[uiblocks.empty-states.empty_state_3 data="{template.data}" /]
empty_state_2
empty_state_1
empty_state_1
[arr.create set="template.data"]
[section_classes]gray-white-bg[/section_classes]
[icon]http://blocks.aw2.dev/wp-content/uploads/2021/12/folder-1.png[/icon]
[title]No projects added[/title]
[subtitle]Get started by creating a new project.[/subtitle]
[btn_link]#[/btn_link]
[btn_label]New Project[/btn_label]
[/arr.create]
[uiblocks.empty-states.empty_state_1 data="{template.data}" /]