Skip to content

Instantly share code, notes, and snippets.

@andresgalante

andresgalante/gist:6ac55e67a98a0ae5dd3abdb2a47f5d3f

Created December 26, 2016 11:40
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andresgalante/6ac55e67a98a0ae5dd3abdb2a47f5d3f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andresgalante/6ac55e67a98a0ae5dd3abdb2a47f5d3f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. andresgalante created this gist Dec 26, 2016.
    26 changes: 26 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    ---
    title: Buttons
    ---
    ## Overview

    If this is a bootstrap component:
    This is a Bootstrap component, [see complete documentation here](URL)

    Otherwise:

    Link to the design specs

    Only if needed write a short description with implementation notes. Design and interaction notes are already written on the design specs, don't repeat information.

    For example for buttons: Always add a modifier class to add color to the button. Never use the class `.btn` on its own.

    ## Accessibility

    Write accessibility, aria tags, tab index and other notes to make this component accessible.

    ## Usage

    | Class | Usage |
    | -- | -- |
    | `.btn` **Applied to:** `<a>`, `<button>` | **Outcome:** Initiates a button **Required:** Yes **Remarks:** Always use it with a modifier class. |
    | `.btn-secondary` **Applied to:** `.btn` | **Outcome:** Adds secondary color **Required:** Yes |