android13/external/chromium-trace/catapult/third_party/polymer/components/paper-radio-button
liiir1985 7f62dcda9f initial 2024-06-22 20:45:49 +08:00
..
.github initial 2024-06-22 20:45:49 +08:00
demo initial 2024-06-22 20:45:49 +08:00
test initial 2024-06-22 20:45:49 +08:00
.bower.json initial 2024-06-22 20:45:49 +08:00
.travis.yml initial 2024-06-22 20:45:49 +08:00
CONTRIBUTING.md initial 2024-06-22 20:45:49 +08:00
README.md initial 2024-06-22 20:45:49 +08:00
bower.json initial 2024-06-22 20:45:49 +08:00
hero.svg initial 2024-06-22 20:45:49 +08:00
index.html initial 2024-06-22 20:45:49 +08:00
paper-radio-button.html initial 2024-06-22 20:45:49 +08:00

README.md

Build status

Demo and API docs

##<paper-radio-button>

Material design: Radio button

paper-radio-button is a button that can be either checked or unchecked. User can tap the radio button to check or uncheck it.

Use a <paper-radio-group> to group a set of radio buttons. When radio buttons are inside a radio group, exactly one radio button in the group can be checked at any time.

Example:

<paper-radio-button></paper-radio-button>
<paper-radio-button>Item label</paper-radio-button>

Styling

The following custom properties and mixins are available for styling:

Custom property Description Default
--paper-radio-button-unchecked-background-color Radio button background color when the input is not checked transparent
--paper-radio-button-unchecked-color Radio button color when the input is not checked --primary-text-color
--paper-radio-button-unchecked-ink-color Selected/focus ripple color when the input is not checked --primary-text-color
--paper-radio-button-checked-color Radio button color when the input is checked --primary-color
--paper-radio-button-checked-ink-color Selected/focus ripple color when the input is checked --primary-color
--paper-radio-button-size Size of the radio button 16px
--paper-radio-button-label-color Label color --primary-text-color
--paper-radio-button-label-spacing Spacing between the label and the button 10px

This element applies the mixin --paper-font-common-base but does not import paper-styles/typography.html. In order to apply the Roboto font to this element, make sure you've imported paper-styles/typography.html.