@fortawesome/free-solid-svg-icons#faPaperclip JavaScript Examples

The following examples show how to use @fortawesome/free-solid-svg-icons#faPaperclip. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: Widgets.js From volt-react-dashboard with MIT License

6 votes

ChoosePhotoWidget = (props) => {
  const { title, photo } = props;

  return (
    <Card border="light" className="bg-white shadow-sm mb-4">
      <Card.Body>
        <h5 className="mb-4">{title}</h5>
        <div className="d-xl-flex align-items-center">
          <div className="user-avatar xl-avatar">
            <Image fluid rounded src={photo} />
          </div>
          <div className="file-field">
            <div className="d-flex justify-content-xl-center ms-xl-3">
              <div className="d-flex">
                <span className="icon icon-md">
                  <FontAwesomeIcon icon={faPaperclip} className="me-3" />
                </span>
                <input type="file" />
                <div className="d-md-block text-start">
                  <div className="fw-normal text-dark mb-1">Choose Image</div>
                  <div className="text-gray small">JPG, GIF or PNG. Max size of 800K</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </Card.Body>
    </Card>
  );
}

Example #2

Source File: globalStyle.js From bartzalewski.com-v2 with MIT License

5 votes

library.add(fab, faEnvelope, faPaperclip, faExternalLinkAlt, faFire, faCross)

Example #3

Source File: globalStyle.js From personal-site with MIT License

5 votes

library.add(fab, faEnvelope, faPaperclip, faExternalLinkAlt, faFire, faCross)