❤
npm
Sign UpSign In

@t_g/default-ui

0.36.0 • Public • Published

Default UI

Themed Design System for HTML Elements

  • Step 1. (Have AI) write HTML

  • Step 2. Import package

  • Step 3. Get responsive, themed HTML elements by default

Supported Themes

Light

Light Sepia

Dark

Dark Sepia

How To Use Themes

1. Install and import package into project

npm i @t_g/default-ui

2. Add a button to the document with an aria label of "Toggle theme" to toggle between all themes

<button arial-label="Toggle Theme" />

3. Optionally toggle a subset of themes using data-themes attribute, comma separated

<button aria-label="Toggle Theme" data-toggle="Light Theme,Dark Sepia Theme" />

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
0.36.01latest

Version History

VersionDownloads (Last 7 Days)Published
0.36.01
0.35.10
0.35.00
0.34.00
0.33.00
0.32.00
0.31.10
0.31.00
0.30.00
0.29.20
0.29.10
0.29.00
0.28.80
0.28.70
0.28.60
0.28.50
0.28.40
0.28.30
0.28.20
0.28.10
0.28.00
0.27.00
0.26.40
0.26.30
0.26.20
0.26.10
0.26.00
0.25.10
0.25.00
0.24.00
0.23.00
0.22.00
0.21.00
0.20.00
0.19.00
0.18.00
0.17.00
0.16.00
0.15.00
0.14.00

Package Sidebar

Install

npm i @t_g/default-ui

Weekly Downloads

1

Version

0.36.0

License

MIT

Unpacked Size

32.1 kB

Total Files

46

Last publish

Collaborators

  • t_g
Try on RunKit
Report malware