Examples
Horizontal file upload status expanded
Drag and drop files here
or
Accepted file types: JPEG, Doc, PDF, PNG
Documentation
Usage
Class | Applied | Outcome |
|---|---|---|
.pf-v6-c-multiple-file-upload | <div> | Initiates the multiple file upload component. Required |
.pf-v6-c-multiple-file-upload__main | <div> | Defines the main section. |
.pf-v6-c-multiple-file-upload__title | <div> | Defines the title. |
.pf-v6-c-multiple-file-upload__title-icon | <div> | Defines the title icon. |
.pf-v6-c-multiple-file-upload__title-text | <div> | Defines the title text. |
.pf-v6-c-multiple-file-upload__title-text-separator | <div> | Defines the title text separator. |
.pf-v6-c-multiple-file-upload__upload | <div> | Defines the upload button. |
.pf-v6-c-multiple-file-upload__info | <div> | Defines the info section. |
.pf-v6-c-multiple-file-upload__status | <div> | Defines the status section. |
.pf-v6-c-multiple-file-upload__status-progress | <div> | Defines the status toggle progress. |
.pf-v6-c-multiple-file-upload__status-progress-icon | <div> | Defines the status toggle progress icon. |
.pf-v6-c-multiple-file-upload__status-progress-text | <div> | Defines the status toggle progress text. |
.pf-v6-c-multiple-file-upload__status-list | <div> | Defines the status item list. |
.pf-v6-c-multiple-file-upload__status-item | <div> | Defines a status item. |
.pf-v6-c-multiple-file-upload__status-item-icon | <div> | Defines the status item icon. |
.pf-v6-c-multiple-file-upload__status-item-main | <div> | Defines the status item main progress section. |
.pf-v6-c-multiple-file-upload__status-item-close | <div> | Defines the status item close button. |
.pf-v6-c-multiple-file-upload__status-item-progress | <div> | Defines the status item progress description. |
.pf-v6-c-multiple-file-upload__status-item-progress-text | <div> | Defines the status item progress description text. |
.pf-v6-c-multiple-file-upload__status-item-progress-size | <div> | Defines the status item progress description size. |
