react-icons/gr#GrClose JavaScript Examples

The following examples show how to use react-icons/gr#GrClose. 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: MapButton.js From airdnd-frontend with MIT License

6 votes

MapCloseButton = ({ onHideMap, onCloseMap, view }) => {
  return (
    <StButton
      boxShadow
      position="sticky"
      top="10rem"
      margin="0 0 91px 0"
      onClick={() => {
        view === 'result' && onHideMap();
        view === 'map' && onCloseMap();
      }}
    >
      <GrClose />
    </StButton>
  );
}

Example #2

Source File: Modal.js From airdnd-frontend with MIT License

5 votes

StCloseIcon = styled(GrClose)`
  & > path {
    /* stroke: red; */
    stroke-width: 2.5;
  }
`

Example #3

Source File: WishlistsPopup.js From airdnd-frontend with MIT License

5 votes

WishlistsPopup = ({
  title,
  onChangeTitleInput,
  onCreateBookMarkList,
  openPopup,
  onClickPopup,
}) => {
  return (
    <StPopup
      popupState={openPopup}
      top="3.5rem"
      right="0rem"
      padding="1rem 0rem"
      style={{
        border: 'none',
      }}
    >
      <PopupHeader>
        <PopupTitle>목록 만들기</PopupTitle>
        <StDeleteButton btnType="circle" border="none" onClick={onClickPopup}>
          <GrClose />
        </StDeleteButton>
      </PopupHeader>
      <PopupMain>
        <NewInput
          title="이름"
          placeholder="예: 여름 휴가"
          value={title}
          onChange={onChangeTitleInput}
        />
        <StDropDown
          name="개인정보 설정"
          title="개인정보 설정"
          options={['전체공개', '비공개']}
          width="100%"
          height="5.7rem"
          padding="1rem 0.5rem"
          radius="8px"
          outline="black"
        />
      </PopupMain>
      <PopupFooter>
        <Button btnType="underlined" padding="1rem" onClick={onClickPopup}>
          취소
        </Button>
        <Button
          color="black"
          hover="background: black"
          onClick={onCreateBookMarkList}
        >
          저장
        </Button>
      </PopupFooter>
    </StPopup>
  );
}