2022-07-12 23:17:59 +03:00
|
|
|
/**
|
|
|
|
* @license
|
|
|
|
* Copyright 2022 Google LLC
|
|
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
|
|
*/
|
|
|
|
|
2022-08-24 21:00:50 +03:00
|
|
|
import {customElement} from 'lit/decorators.js';
|
2022-07-12 23:17:59 +03:00
|
|
|
|
2023-01-05 02:00:49 +03:00
|
|
|
import {styles as forcedColorsStyles} from './lib/forced-colors-styles.css.js';
|
2022-08-24 21:00:50 +03:00
|
|
|
import {Radio} from './lib/radio.js';
|
|
|
|
import {styles} from './lib/radio-styles.css.js';
|
2022-07-12 23:17:59 +03:00
|
|
|
|
|
|
|
declare global {
|
|
|
|
interface HTMLElementTagNameMap {
|
|
|
|
'md-radio': MdRadio;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-01-11 04:56:40 +03:00
|
|
|
/**
|
|
|
|
* @summary Radio buttons allow users to select one option from a set.
|
|
|
|
*
|
|
|
|
* @description
|
|
|
|
* Radio buttons are the recommended way to allow users to make a single
|
|
|
|
* selection from a list of options.
|
|
|
|
*
|
|
|
|
* Only one radio button can be selected at a time.
|
|
|
|
*
|
|
|
|
* Use radio buttons to:
|
|
|
|
* - Select a single option from a set
|
|
|
|
* - Expose all available options
|
|
|
|
*
|
|
|
|
* @final
|
|
|
|
* @suppress {visibility}
|
|
|
|
*/
|
2022-07-12 23:17:59 +03:00
|
|
|
@customElement('md-radio')
|
|
|
|
export class MdRadio extends Radio {
|
2023-01-05 02:00:49 +03:00
|
|
|
static override styles = [styles, forcedColorsStyles];
|
2022-07-12 23:17:59 +03:00
|
|
|
}
|