Atomic classes for building Thumbtack UI
published version 4.4.0, 2 years agoIcons in multiple formats for use in Thumbtack projects
published version 6.4.0, 2 years agoThis linter ensures that changelogs are following the [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) specification.
published version 0.1.4, 6 years agoWhen using margin or padding vales in your Sass use the `tp-spacer(N)` function where N is an increment of `0.5`. Our base spacer unit is `8px`.
published version 1.0.9, 6 years agoDesign variables that power Thumbtack’s UI.
published version 13.0.1, 2 years agoHelpful SCSS mixins for using media queries and setting breakpoints. These mixins are commonly used alongside [variables from Thumbprint Tokens](/tokens/) but do support arbitrary pixel values.
published version 3.0.4, 6 years ago- published version 2.0.4, 6 years ago
```html <img class="tp-img" src="https://www.placecage.com/40/40" width="40" height="40" /> ```
published version 1.2.5, 6 years ago```html <ul class="tp-block-list"> <li>Item One</li> <li>Item Two</li> <li><a href="#" class="tp-block-list__link">Item Fours</a></li> <li>Item Three</li> </ul> ```
published version 1.2.5, 6 years agoFixed width utility classes are available in:
published version 1.0.5, 6 years ago<Alert type="warning"> This component is not working in server-side rendered environments. Follow{' '} <a href="https://github.com/thumbtack/thumbprint/issues/1058">issue #1058 on GitHub</a> for updates. </Alert>
published version 0.2.4, 6 years agoThese alerts should be used at the very top of a page.
published version 1.0.6, 6 years ago`aria-describedby` should be used to [associate form fields with form notes](https://www.w3.org/TR/WCAG20-TECHS/ARIA1.html#ARIA1-ex2). The value of `aria-describedby` must match the form note’s `id`.
published version 0.1.7, 6 years ago- published version 2.0.8, 6 years ago
- published version 4.0.0, 6 years ago
Here are a few tips for using checkboxes:
published version 3.0.7, 6 years agoThese are the available `Button` styles for use on light background colors.
published version 2.0.12, 6 years agoCreates spacing between form groups
published version 1.0.7, 6 years agoHere are a few tips for using inputs:
published version 2.0.13, 6 years agoWhen using a `<label>`, it’s important to ensure that the `<label>` is linked to a form element. You can do this by:
published version 1.3.5, 6 years agoThe `tp-link` classes are used to style anchor tags.
published version 0.1.10, 6 years ago