Stronę tą wyświetlono już: 646 razy
Ten z pozoru prosty komponent umożliwia rozszerzenie możliwości standardowego komponentu przycisku o funkcje, które bardzo łatwo jest uruchomić. Podstawowa wersja wrapera wygląda w kodzie tak tak:
<obl-button-wrapper><button>Przycisk</button></obl-button-wrapper>
Zaś w praktyce tak:
Bardzo łatwo można dodać ikonkę do przycisku:
<obl-button-wrapper icon="copy"><button>Przycisk</button></obl-button-wrapper>
Po iconId:
<obl-button-wrapper icon-id="copy"><button>Przycisk</button></obl-button-wrapper>
Możliwe jest również ustawienie rozmiaru ikonki:
<obl-button-wrapper icon="copy" size="40"><button>Przycisk</button></obl-button-wrapper>
Możliwe jest również ustawienie spinnera:
<obl-button-wrapper icon="copy" loading="true"><button>Przycisk</button></obl-button-wrapper>
Można także dodać małą animację z komunikatem na kliknięcie z zablokowaniem chwilowym przycisku, coby użytkownik za dużo nie naklikał:
<obl-button-wrapper icon="copy" action-message="Skopiowane"><button>Przycisk</button></obl-button-wrapper>