Components - Dashflow X Webflow Template

Inputs

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Text input

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Input messages

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Textarea input

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Checkbox buttons

Checkbox

Toggle buttons

Off

On

Dropdowns

Label

Avatars

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Avatar photo

24px

32px

40px

48px

Avatar name

J

24px

JC

32px

JC

40px

JC

48px

Badges

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Primary badges

Default

Neutral badges

Default

Color badges

Default

Tooltips

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Tooltips

Simple text

Notifications

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Notification bars

Information message: Lorem ipsum dolor sit amet consectur amerlo

Sucess message: Lorem ipsum dolor sit amet consectur amerlo

Error message: Lorem ipsum dolor sit amet consectur amerlo

Warning message: Lorem ipsum dolor sit amet consectur amerlo

Cards

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Text cards

Card title

A gravida morbi tellus vitae. Nisi non in risus nulla est nibh convallis quam. Mauris vulputate pellentesque urna a felis consectetur pellentesque sed. Netus sed risus amet aenean.

Learn more

Card title

Donec enim lectus elit suspendisse nisi sodales pretium sed sed etiam amet porttitor urna vel massa nisl mattis aliquet eu consectetur volutpat.

Cancel

CALL NOW - OPEN 24/7

800-500-0000

Se Habla Español

Icon cards

Card title

A gravida morbi tellus vitae. Nisi non in risus nulla est nibh convallis quam. Mauris vulputate pellentesque urna a felis consectetur pellentesque sed. Netus sed risus amet aenean.

Learn more

Card title

A gravida morbi tellus vitae. Nisi non in risus nulla est nibh convallis quam. Mauris vulputate pellentesque urna a felis consectetur pellentesque sed. Netus sed risus amet aenean.

Learn more

Image cards

Card title

A gravida morbi tellus vitae misi non in risus nulla est nibh convallis quam mauris dolor vulputate consegur.

Learn more

Card title

A gravida morbi tellus vitae misi non inole risus nulla est nibh convallis quam.

Stats cards

March 22

Card title

50.88K

24%



Card title

50.88K

24%



Card title

50.88K

+24%

Analytics cards

Card title

$24,840.56

24%



1,805

Card title

+24%

Card title

$84,226

Card subtitle

Tasks cards

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Card title

A gravida morbi tellus vitae misi non in risus nulla est nibh doleroli convallis quam mauris dolor.

Tables

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Data Table

Name

Email

Phone

Company

Country

John Carter

john@dataplus.com

(487) 180 - 5048

Dataplus X

United States

Sophie Moore

sophiemoore@saasly.com

(901) 870 - 6507

Saasly X

Canada

Andy Smith

andy@promoplus.com

(317) 197 - 0475

Promoplus X

Australia

Lily Woods

lily@startuper.com

(574) 048 - 6947

Startuper X

United States

User Table

Name

Title

Status

Role

John Carter

john@dashflow.com

CEO & Founder

BRIX Templates

Active

Admin

Sophie Moore

sophie@dashflow.com

CTO & Co-Founder

BRIX Templates

Active

Member

Andy Smith

andy@dashflow.com

VP of Marketing

BRIX Templates

Active

Member

Lily Woods

lily@dashflow.com

VP of Design

BRIX Templates

Active

Member

Modals

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Tabs

Lorem ipsum dolor sit amet consectetur orci nibh morbi ultrices iaculis a

Tabs

Card title

A gravida morbi tellus vitae. Nisi non in risus nulla est nibh convallis quam. Mauris vulputate pellentesque urna a felis consectetur pellentesque sed. Netus sed risus amet aenean.

Learn more

Card title

A gravida morbi tellus vitae. Nisi non in risus nulla est nibh convallis quam. Mauris vulputate pellentesque urna a felis consectetur pellentesque sed. Netus sed risus amet aenean.

Learn more

Card title

A gravida morbi tellus vitae misi non in risus nulla est nibh convallis quam mauris dolor vulputate consegur.

Learn more

Card title

A gravida morbi tellus vitae. Nisi non in risus nulla est nibh convallis quam. Mauris vulputate pellentesque urna a felis consectetur pellentesque sed. Netus sed risus amet aenean.

Learn more

Card title

A gravida morbi tellus vitae. Nisi non in risus nulla est nibh convallis quam. Mauris vulputate pellentesque urna a felis consectetur pellentesque sed. Netus sed risus amet aenean.

Learn more