انتخاب زبان

Activity

جاشو لاس وگاس
مانلی سن خوزه
استفان میامی
تارا نیویورک
پروژه سیلکر getsilker.io
31%
5 / 24
بازسازی متا مووی متا مووی.co
84%
28 / 31
طراحی مجدد فست پیتزا fastpizza.com
60%
25 / 39

تماس با دنی

امروز - 11:30قبل ظهر

جلسه با آلیس

امروز - 01:00بعدظهر

جواب دادن به پیغام آنی

امروز - 01:45بعدظهر

Call تریشا

Today - 05:00بعدظهر

Write proposal for Don

Today - 06:00بعدظهر

افزودنی در انتها

اگر نیاز به نمایش اطلاعات متنی دارید، ورودی‌ها می‌توانند افزونه‌هایی داشته باشند. می توانید یک افزونه را در انتهای گروه field ضمیمه کنید. برای جزئیات بیشتر در مورد استفاده به نشانه گذاری مراجعه کنید.


      <div class="field has-addons">
          <div class="control is-expanded">
              <input class="input" type="text" placeholder="Gmail address">
          </div>
          <div class="control">
              <a class="button is-static">
                  @gmail.com
              </a>
          </div>
      </div>
      

افزودنی در ابتدا

در صورت نیاز به نمایش اطلاعات متنی، ورودی‌ها می‌توانند افزونه‌هایی داشته باشند. می توانید یک افزونه را در ابتدای گروه field ضمیمه کنید. برای اطلاعات بیشتر در مورد استفاده به نشانه گذاری مراجعه کنید.


      <div class="field has-addons">
          <div class="control">
              <a class="button is-static">
                  +1
              </a>
          </div>
          <div class="control is-expanded">
              <input class="input" type="text" placeholder="Your phone number">
          </div>
      </div>
      

افزودنی های رنگی

از آنجایی که ورودی های اضافه عناصر دکمه هستند، کلاس های اصلاح کننده معمولی برای آنها اعمال می شود. می توانید از is-primary، is-success، is-info، is-warning، is-danger استفاده کنید.


      <div class="field has-addons">
          <div class="control is-expanded">
              <input class="input" type="text" placeholder="Find a repository">
          </div>
          <div class="control">
              <a class="button is-primary">
                  Search
              </a>
          </div>
      </div>
      

افزودنی های گرد

ورودی ها و افزونه های آنها می توانند لبه های گرد نیز داشته باشند. به سادگی کلاس is-rounded را به input و عنصر دکمه را برای اعمال آن سبک‌ها اضافه کنید. برای جزئیات بیشتر به نشانه گذاری مراجعه کنید.


      <div class="field has-addons">
          <div class="control is-expanded">
              <input class="input is-rounded" type="text" placeholder="Find a repository">
          </div>
          <div class="control">
              <a class="button is-primary is-rounded">
                  Search
              </a>
          </div>
      </div>
      

افزودنی دوطرفه

ورودی ها می توانند در هر دو طرف دارای افزونه باشند. حتی می توانید یک عنصر select را به گروه کنترل فرم خود متصل کنید. لطفاً برای جزئیات بیشتر در مورد استفاده به مثال کد مراجعه کنید.

ارسال پرداخت


      <div class="field has-addons">
          <p class="control">
              <span class="select">
                  <select>
                      <option>$</option>
                      <option>£</option>
                      <option>€</option>
                  </select>
              </span>
          </p>
          <p class="control is-expanded">
              <input class="input" type="text" placeholder="Amount of money">
          </p>
          <p class="control">
              <a class="button is-success">
                  Send Payment
              </a>
          </p>
      </div>