2022-07-12 23:17:59 +03:00
|
|
|
/**
|
|
|
|
* @license
|
|
|
|
* Copyright 2022 Google LLC
|
|
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
|
|
*/
|
|
|
|
|
2024-02-23 21:01:21 +03:00
|
|
|
import {CSSResultOrNative} from 'lit';
|
2022-08-24 21:00:50 +03:00
|
|
|
import {customElement} from 'lit/decorators.js';
|
2022-07-12 23:17:59 +03:00
|
|
|
|
2023-07-24 22:02:25 +03:00
|
|
|
import {Radio} from './internal/radio.js';
|
2024-02-29 03:19:39 +03:00
|
|
|
import {styles} from './internal/radio-styles.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 {
|
2024-02-23 21:01:21 +03:00
|
|
|
static override styles: CSSResultOrNative[] = [styles];
|
2022-07-12 23:17:59 +03:00
|
|
|
}
|