https://github.com/bobek-balinek/tachyons-toggle

CSS module for Tachyons for hiding/displaying an element adjacent to a checkbox
https://github.com/bobek-balinek/tachyons-toggle

css tachyons tachyons-css tachyons-custom

Last synced: 30 days ago
JSON representation

CSS module for Tachyons for hiding/displaying an element adjacent to a checkbox

• Host: GitHub
• URL: https://github.com/bobek-balinek/tachyons-toggle
• Owner: bobek-balinek
• License: mit
• Created: 2019-01-30T12:24:23.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-30T13:58:20.000Z (almost 6 years ago)
• Last Synced: 2024-10-25T19:15:06.741Z (2 months ago)
• Topics: css, tachyons, tachyons-css, tachyons-custom
• Language: CSS
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# tachyons-toggle

Easily perform hiding/displaying an element with an input checkbox. This is great for composing any type of popovers or modals that should remain visible until the user actively hides it.

```

 Hidden until the checkbox is clicked on

```


## Example use:

An example modal demo can be viewed on this [Codepen](https://codepen.io/pbobak/pen/LqbQwd). The trick is to use multiple `` elements with matching `for=""` attributes to change the `checked` state of the input element.