{{template "base/head" .}}

Button

Style:
State:
  • General purpose:

  • Recommended colors:

  • Supported but not recommended:

    Do not use if there is no strong requirement. Do not use grey/black buttons, they don't work well with dark theme.

  • Inline / Plain:

Tooltip

text with tooltip
text with interactive tooltip

GiteaOriginUrl

LocaleNumber

{{.locale.PrettyNumber 1}}
{{.locale.PrettyNumber 12}}
{{.locale.PrettyNumber 123}}
{{.locale.PrettyNumber 1234}}
{{.locale.PrettyNumber 12345}}
{{.locale.PrettyNumber 123456}}
{{.locale.PrettyNumber 1234567}}

TimeSince

Now: {{TimeSince .TimeNow $.locale}}
5s past: {{TimeSince .TimePast5s $.locale}}
5s future: {{TimeSince .TimeFuture5s $.locale}}
2m past: {{TimeSince .TimePast2m $.locale}}
2m future: {{TimeSince .TimeFuture2m $.locale}}
1y past: {{TimeSince .TimePast1y $.locale}}
1y future: {{TimeSince .TimeFuture1y $.locale}}

SVG alignment

Text with SVG

{{svg "octicon-alert"}} {{svg "octicon-x"}} text (block)
{{svg "octicon-alert"}} {{svg "octicon-x"}} text
(inline)
{{svg "octicon-alert"}} flex every line
{{svg "octicon-alert"}} flex every item

Button with SVG

123

Input with SVG

Dropdown with SVG

ComboMarkdownEditor

ps: no JS code attached, so just a layout
{{template "shared/combomarkdowneditor" .}}
{{template "base/footer" .}}