Atomic classes for building Thumbtack UI
published 4.4.0 a year agoIcons in multiple formats for use in Thumbtack projects
published 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 0.1.4 5 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 1.0.9 5 years agoDesign variables that power Thumbtack’s UI.
published 13.0.1 a year 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 3.0.4 5 years ago- published 2.0.4 5 years ago
```html <img class="tp-img" src="https://www.placecage.com/40/40" width="40" height="40" /> ```
published 1.2.5 5 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 1.2.5 5 years agoFixed width utility classes are available in:
published 1.0.5 5 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 0.2.4 5 years agoThese alerts should be used at the very top of a page.
published 1.0.6 5 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 0.1.7 5 years ago- published 2.0.8 5 years ago
- published 4.0.0 5 years ago
Here are a few tips for using checkboxes:
published 3.0.7 5 years agoThese are the available `Button` styles for use on light background colors.
published 2.0.12 5 years agoCreates spacing between form groups
published 1.0.7 5 years agoHere are a few tips for using inputs:
published 2.0.13 5 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 1.3.5 5 years agoThe `tp-link` classes are used to style anchor tags.
published 0.1.10 5 years ago