Załącznik(ang. Attachment)
Ten niewielki komponent pozwala użytkownikowi na pobranie pliku.
<div class="grid">
<div class="grid__col m-col--12 t-col--6 d-ind--3 d-col--6">
<a download href="/downloads/test-file.zip" class="attachment">
<img id="file" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9Ijk2cHgiIGhlaWdodD0iOTZweCIgdmlld0JveD0iMCAwIDk2IDk2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT5QaWN0b2dyYW1zLzEgLSBQaWN0b2dyYW0gTCBDb3B5IDk8L3RpdGxlPg0KICAgIDxkZWZzPg0KICAgICAgICA8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0iYXV0byIgaWQ9ImZpbHRlci0xIj4NCiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VHcmFwaGljIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjg0NzA1OSAwIDAgMCAwIDAuMTE3NjQ3IDAgMCAwIDAgMC4wMTU2ODYgMCAwIDAgMS4wMDAwMDAgMCI+PC9mZUNvbG9yTWF0cml4Pg0KICAgICAgICA8L2ZpbHRlcj4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9IlBpY3RvZ3JhbXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iUGljdG9ncmFtcy8xLS0tUGljdG9ncmFtLUwtQ29weS05Ij4NCiAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUiPg0KICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiI+PC9yZWN0Pg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPGcgaWQ9IlBpY3RvZ3JhbXMvQ2xvY2siIGZpbHRlcj0idXJsKCNmaWx0ZXItMSkiPg0KICAgICAgICAgICAgICAgIDxnPg0KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iNCIgcG9pbnRzPSIxMCAxNiAzNiAxNiA0MCAyNCA4NiAyNCA4NiA3NiAxMCA3NiI+PC9wb2x5Z29uPg0KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiB4PSIxMCIgeT0iMzAiIHdpZHRoPSIxOCIgaGVpZ2h0PSI0Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiMwMDAwMDAiIHg9IjIwIiB5PSIzOCIgd2lkdGg9IjgiIGhlaWdodD0iNCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHkiIGZpbGw9IiMwMDAwMDAiIHg9IjI4IiB5PSI0MiIgd2lkdGg9IjgiIGhlaWdodD0iNCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktOCIgZmlsbD0iIzAwMDAwMCIgeD0iMjgiIHk9IjM0IiB3aWR0aD0iOCIgaGVpZ2h0PSI0Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS05IiBmaWxsPSIjMDAwMDAwIiB4PSIzNiIgeT0iMzAiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS0yIiBmaWxsPSIjMDAwMDAwIiB4PSIyMCIgeT0iNDYiIHdpZHRoPSI4IiBoZWlnaHQ9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTMiIGZpbGw9IiMwMDAwMDAiIHg9IjI4IiB5PSI1MCIgd2lkdGg9IjgiIGhlaWdodD0iNCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgZmlsbD0iIzAwMDAwMCIgeD0iMjAiIHk9IjU0IiB3aWR0aD0iOCIgaGVpZ2h0PSI0Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS01IiBmaWxsPSIjMDAwMDAwIiB4PSIyOCIgeT0iNTgiIHdpZHRoPSI4IiBoZWlnaHQ9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTYiIGZpbGw9IiMwMDAwMDAiIHg9IjIwIiB5PSI2MiIgd2lkdGg9IjgiIGhlaWdodD0iNCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNyIgZmlsbD0iIzAwMDAwMCIgeD0iMjgiIHk9IjY2IiB3aWR0aD0iNCIgaGVpZ2h0PSIxMSI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==" class="attachment__img" />
<div class="attachment__details">
<p class="attachment__title body-text text--semibold">Sprawozdanie finansowe za I kwartał 2020</p>
<p class="attachment__file-info note-text ">Plik ZIP (2MB)</p>
</div>
</a>
</div>
<div class="grid__col m-col--12 t-col--6 d-ind--3 d-col--6">
<a download href="/downloads/download.png" class="attachment">
<img id="mp3" src="data:image/png;base64,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" class="attachment__img" />
<div class="attachment__details">
<p class="attachment__title body-text text--semibold">Sprawozdanie finansowe za I kwartał 2020</p>
<p class="attachment__file-info note-text ">Plik MP3 (4.2MB)</p>
</div>
</a>
</div>
<div class="grid__col m-col--12 t-col--6 d-ind--3 d-col--6">
<a download href="/downloads/download.png" class="attachment">
<img id="excel" src="https://ds.orlen.pl/static/excel-3a3c16759a288257da11249a3e3f057e.jpg" class="attachment__img" />
<div class="attachment__details">
<p class="attachment__title body-text text--semibold">Sprawozdanie finansowe za I kwartał 2020</p>
<p class="attachment__file-info note-text ">Plik XLS (3MB)</p>
</div>
</a>
</div>
</div>
Piktogram pliku
Jest to zawsze wariant czerwony na białym tle. Czerwony kolor podpowiada użytkownikowi możliwość kliknięcia komponentu. Piktogram powinien odpowiadać formatowi pliku, który może zostać ściągnięty.
Nazwa pliku
Nazwa powinna być zwięzła i jednoznaczna tak, aby użytkownik dokładnie wiedział, jaki plik ściągnie. Rekomendowany limit tekstu to 1 linijka na wszystkich rozdzielczościach.
Format i wielkość pliku
Oddziela linki.
Komponent jest w całości klikalny.
Zasady stosowania
Pogrupowane załączniki
Jeśli załączników jest dużo, warto rozważyć ich pogrupowanie na sekcje lub schowanie w akordeonie.
Nieodpowiedni piktogram
Piktogram powinien być zawsze czerwony i występować na białym tle. Powinien ponadto symbolizować właściwy format pliku.
Zbyt długie nazwy plików
Rekomendowany limit tekstu to 1 linijka na wszystkich rozdzielczościach.