Buttons with conditionals

Inspect the full details and code of a selected snippet

<div class="uk-flex-1 uk-flex">
  <div class="uk-container uk-container-small uk-flex-1 uk-flex uk-flex-column uk-margin-medium-top uk-margin-medium-bottom">
    <div class="uk-flex-1 uk-flex uk-flex-column uk-flex-center">
      <div class="uk-width-1-1">
        <div class="uk-text-small uk-text-muted uk-text-uppercase uk-text-semibold uk-margin-small-bottom">Buttons with conditionals</div>
        <div class="uk-card uk-card-default uk-box-shadow-remove uk-padding-small uk-border-rounded">
          
          <div class="uk-grid-small uk-child-width-1-3@m uk-text-center uk-flex-middle" uk-grid>
            <div>
              <div class="uk-button-group uk-border-rounded uk-overflow-hidden uk-position-relative">
                <button class="uk-button uk-button-large uk-button-danger">Cancel</button>
                <div class="uk-button-or">or</div>
                <button class="uk-button uk-button-large uk-button-primary">Save</button>
              </div>
            </div>
            <div>
              <div class="uk-button-group uk-border-rounded uk-overflow-hidden uk-position-relative">
                <button class="uk-button uk-button-danger">Cancel</button>
                <div class="uk-button-or">or</div>
                <button class="uk-button uk-button-primary">Save</button>
              </div>
            </div>
            <div>
              <div class="uk-button-group uk-border-rounded uk-overflow-hidden uk-position-relative">
                <button class="uk-button uk-button-small uk-button-danger">Cancel</button>
                <div class="uk-button-or uk-text-small">or</div>
                <button class="uk-button uk-button-small uk-button-primary">Save</button>
              </div>
            </div>
          </div>
          
        </div>
      </div>
      <div class="uk-text-tiny uk-text-right">made by <b>Antonius</b></div>
    </div>
  </div>
</div>

Information

Detailed overview of a selected code snippet

antonius

25.03.2025, 13:47:07

28.03.2025, 11:16:46

uk-border, uk-box, uk-button, uk-card, uk-child, uk-container, uk-flex, uk-grid, uk-margin, uk-overflow, uk-padding, uk-position, uk-text, uk-width

Comments

Browse user feedback and discussions in detail

Currently in development and will be available soon. Stay tuned for updates!