waktu tersisa untuk klaim Potongan harga Rp 300.000 dalam program Membership. Klaim Promo!

Tombol Search beda tempat

Ditanyakan pada tanggal 9 September 2020 oleh Yohanes Manggala Abiwardani Edit  Hapus  Tandai Selesai  Tandai 
cara memindahkan tombol search ke kanan bagaimana ya? di contoh letaknya sebelah kanan, saya tulis code sesuai panduan jadinya malah di kiri, tolong bantuanya
import React from 'react'

const SearchCriteria = (props) => (
  <div className="card bg-light mb-3" style={{ marginTop: 20 }}>
    <div className="card-body">
      <p className="card-title">Find Restaurants based on criteria : </p>
      <table className="table table-hover">
        <tbody>
          {props.criteria.map((cri, index) => (
            <tr key={index} className="table-active">
              <td width="40%">{cri.criteriaName}</td>
              <td width="50%">{cri.data.name}</td>
              <td>
                {cri.criteriaName !== 'City' && (
                  <i
                    className="fa fa-times"
                    aria-hidden="true"
                    style={{ color: 'red' }}
                    onClick={() => props.removeCriteriaHandler(index)}
                  >
                  </i>
                )}
              </td>
            </tr>
          ))}
        </tbody>
      </table>
      <div className="pull-right">
        <button
          className="btn btn-primary"
          type="button"
          onClick={props.onClickSearch}
        >
          Search
        </button>
      </div>

    </div>
  </div>
)

export default SearchCriteria
BUAT KOMENTAR

3 JAWABAN / 0 KOMENTAR

User avatar
Muhammad Rizqy menjawab pada tanggal 9 September 2020 Jadikan Jawaban Terbaik  Edit  Hapus  Ubah ke Komentar 
bisa coba tambahkan style float right pada tag button kak, seperti dibawah ini:
<div className="pull-right">
  <button
    className="btn btn-primary"
    type="button"
    onClick={props.onClickSearch}
    style={{ float: "right" }}
    >
     Search
  </button>
</div>
BUAT KOMENTAR
User avatar
Novan Junaedi menjawab pada tanggal 9 September 2020 Jadikan Jawaban Terbaik  Edit  Hapus  Ubah ke Komentar 
Tinggal ditambahkan inline style pada tag buttonnya atau tambahkan class float-right dari bootstrap pada tag button
BUAT KOMENTAR
User avatar
Yusuf Fazeri menjawab pada tanggal 10 September 2020 Jadikan Jawaban Terbaik  Edit  Hapus  Ubah ke Komentar 
Coba edit pull-right di div parent button-nya menjadi class text-right.
Semoga membantu ^_^
BUAT KOMENTAR