Skip to content

Instantly share code, notes, and snippets.

@cassidyjames

cassidyjames/gtk-ui.ascii

Created March 23, 2018 21:52
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save cassidyjames/944c5e8a2028aa5896370e35f19f4867 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save cassidyjames/944c5e8a2028aa5896370e35f19f4867 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gtk-ui.ascii
_/\__________
| |
| Popover |
|___________|
[ Button ]
Off switch: (o--)
On switch: (--o)
( ) Radio
(o) Selected radio
[ ] Checkbox
[x] Selected checkbox
Entry: [____________]
[ Combobox v ]
|-------------------|
| With |
| Some |
| Options |
---------------------
[ Linked | Buttons ]
____________________________________
| |
| ICON Standard dialog title |
| ICON |
| With some copy here |
| |
| [ Secondary] [ Primary ] |
|__________________________________|
____________________________________
| |
| x elementary Headerbar + |
|__________________________________|
| |
| Window |
|__________________________________|
____________________________________
| |
| Pop! Headerbar x |
|__________________________________|
| |
| Window |
|__________________________________|
____________________________________________
| |
| [← Back] [ GNOME Dialog Button ] |
|__________________________________________|
| |
| Window |
|__________________________________________|
@cassidyjames

cassidyjames commented Mar 23, 2018 •
edited
Loading

Copy link
Copy Markdown
Author

I find myself creating quick ASCII mockups now and then. Here are the general widgets and conventions I use. They look a little weird in GitHub's gist UI (too much line spacing), but work well in code blocks and code editors.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment