Skip to main content
Browse documentation

Input file

[type="file"] is unstyled except for its ::file-selector-button, which is styled like a secondary button.

Live UI · Default buildAuthentic Cirth · shell overrides declared in source
Show HTML
<label>
  Attachment
  <input type="file">
</label>
<input type="file">

The input itself has no border or background. Only the button part reads as a control. Hover, active, and focus states on the button use --cirth-secondary-surface-active / --cirth-secondary-border-active and a focus ring in --cirth-secondary-focus.

Search documentation

Type at least two characters to search.