Skip to content
STYLESCAPE

File Input

Examples for the ss-c-file-input module.

Default

HTML 
<input type="file" class="ss-c-file-input" aria-label="Upload file">

Sizes

HTML 
<input type="file" class="ss-c-file-input ss-c-file-input--xs" aria-label="Upload file (extra small)">
        <input type="file" class="ss-c-file-input ss-c-file-input--sm" aria-label="Upload file (small)">
        <input type="file" class="ss-c-file-input ss-c-file-input--lg" aria-label="Upload file (large)">

Variants

HTML 
<input type="file" class="ss-c-file-input ss-c-file-input--primary" aria-label="Upload file (primary)">
        <input type="file" class="ss-c-file-input ss-c-file-input--success" aria-label="Upload file (success)">
        <input type="file" class="ss-c-file-input ss-c-file-input--error" aria-label="Upload file (error)">
        <input type="file" class="ss-c-file-input ss-c-file-input--bordered" aria-label="Upload file (bordered)">
        <input type="file" class="ss-c-file-input ss-c-file-input--ghost" aria-label="Upload file (ghost)">