danoc
Here 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 agoHere are a few tips for using radio buttons:
published version 3.0.7, 6 years agoThis is the default size for select dropdowns.
published version 2.0.10, 6 years ago```html <label class="tp-label" for="example-basic-textarea">Business description</label> <textarea class="tp-textarea" id="example-basic-textarea" placeholder="Tell us about your business" /> ```
published version 2.0.7, 6 years agoThese type styles uses [variables from Thumbprint Tokens](/tokens/#section-type). You can refer to that documentation for font-size, line-height, and font-weight values.
published version 4.0.8, 6 years agoYou can use `tp-grid` to lay out inputs within a form.
published version 3.0.9, 6 years agoGrid column widths assume a "mobile first" approach. If columns widths need to change based on browser width you can supply additional column widths that apply at breakpoint.
published version 1.3.6, 6 years ago- published version 2.0.8, 6 years ago
Basic wrapper with a max-width and side padding.
published version 1.2.6, 6 years agoCheckboxes can be checked, unchecked, or in an indeterminate state.
published version 3.1.6, 6 years agoThe `Carousel` component is a low-level controlled component. It displays multiple items in a row and animates when the `selectedIndex` changes. It is infinite by default and the contents are draggable by touch devices.
published version 0.1.7, 6 years agoThe `DatePicker` can optionally have an initial date selected.
published version 7.0.9, 6 years ago--- package: '@thumbtack/tp-ui-react-grid' kit: layout/grid.yaml platform: react url: /api/components/layout/grid/react/ ---
published version 0.2.5, 6 years ago--- package: '@thumbtack/tp-ui-react-input' kit: element/input.yaml platform: react url: /api/components/element/input/react/ ---
published version 5.3.1, 6 years agoThe `Label` React component uses the `for` prop to associate itself with a form field.
published version 2.1.5, 6 years ago
