Components

Admin dashboard template

The component and form pages every screen in the template is assembled from.

Components

Every component has its own page.

Grouped here by the job they do on a dashboard screen.

01

Surfaces

Card, Accordion, Collapse, List Group, Offcanvas and Modal.

02

Messaging

Alerts, Badge, Toasts, Tooltips, Popovers, Placeholders, Progress and Spinners.

03

Navigation

Nav, Breadcrumb, Pagination, Dropdown and Carousel.

04

Controls

Buttons and Button Groups.

05

Data

Datatables, and the Tables and Figures pages under Content.

Forms

Forms, in five pages.

The form pages cover the parts a real admin form needs.

  1. 01

    Form Elements

    The individual inputs and their states.

  2. 02

    Input Groups

    Inputs combined with labels, buttons and addons.

  3. 03

    Layouts

    How fields are arranged across a screen.

  4. 04

    Templates and Components

    Assembled form templates and the form components behind them.

  5. 05

    Validation

    Validation states drawn in the same visual language.

Before you open the demo

What the template covers.

Which dashboards are included?

Project Management, CRM, Analytics, E-Commerce and Email Marketing.

Which application views come with it?

User Profile, Timeline, Photos, Connections, Preferences, File Manager, Contacts, Mail, Messages, Todo Lists and Calendar.

Are the everyday components documented?

Yes. Accordion, Alerts, Badge, Breadcrumb, Buttons, Button Groups, Card, Carousel, Collapse, Dropdown, List Group, Modal, Nav, Offcanvas, Pagination, Placeholders, Popovers, Progress, Spinners, Toasts, Tooltips and Datatables each have their own page.

What is provided for forms?

Form Elements, Input Groups, Layouts, Templates, Validation and form Components.

Are charts and maps part of it?

Yes. Charts and Maps have their own section, and the dashboards use them inside their cards.

What about the pages around the product?

Sample Pages covers Invoice, Pricing Table, Search Results, FAQ, Team, Login, Register, Forgot Password, Coming Soon and Error.

Next

See the dashboard the rest of the template is built around.

Open Project Management, then move through the application views and components and judge whether they hold together.