<commit_before>.card.styleguide-intro.styleguide-block.copy--body.context--content
  %h1.copy--h1 Toggle Active

  %p
    A replacement for the so called <a href="http://css-tricks.com/the-checkbox-hack/">"checkbox hack"</a> which we can't use because of issues in iOS, Android, and old IE.

  %p
    To use it in an app, make sure it's required in the main js file as follows:

  %pre.styleguide.copy--body.language-coffeescript
    %code
      :plain
        require ['lib/utils/toggle_active'], (ToggleActive) ->
          new ToggleActive()

.styleguide-block

  .styleguide-block__description.card.copy--body

    %h2.copy--h2.styleguide-block__heading
      Normal usage<commit_msg>Update component docs in the styleguide<commit_after>.card.styleguide-intro.styleguide-block.copy--body.context--content
  %h1.copy--h1 Toggle Active

  %p
    A simple component to replace the so called <a href="http://css-tricks.com/the-checkbox-hack/">"checkbox hack"</a> which we can't use because of issues in iOS, Android, and old IE.
  %p
    This component has a simple event-driven api if you wish to extend its functionality. Hook into
    %code.language-javascript :toggleActive/click
    events to be notified of when the component updates, fire
    %code.language-javascript toggleActive/Update
    to trigger the update function (passing in the target node).
  %p
    To use it in an app, make sure it's required in the main js file as follows:

  %pre.styleguide.copy--body.language-coffeescript
    %code
      :plain
        require ['lib/utils/toggle_active'], (ToggleActive) ->
          new ToggleActive()

.styleguide-block

  .styleguide-block__description.card.copy--body

    %h2.copy--h2.styleguide-block__heading
      Normal usage
{'fraction_non_alphanumeric': 0.10315186246418338, 'fraction_numerical': 0.004584527220630372, 'mean_word_length': 3.2481751824817517, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '12066', 'n_tokens_mistral': 549, 'n_tokens_neox': 540, 'n_words': 163}