UNPKG

@shoelace-style/shoelace

Version:

A forward-thinking library of web components.

32 lines (31 loc) 1.45 kB
import Component from '../../components/radio-button/radio-button.component.js'; import { type EventName } from '@lit/react'; import type { SlBlurEvent } from '../../events/events.js'; import type { SlFocusEvent } from '../../events/events.js'; export type { SlBlurEvent } from '../../events/events.js'; export type { SlFocusEvent } from '../../events/events.js'; /** * @summary Radios buttons allow the user to select a single option from a group using a button-like control. * @documentation https://shoelace.style/components/radio-button * @status stable * @since 2.0 * * @slot - The radio button's label. * @slot prefix - A presentational prefix icon or similar element. * @slot suffix - A presentational suffix icon or similar element. * * @event sl-blur - Emitted when the button loses focus. * @event sl-focus - Emitted when the button gains focus. * * @csspart base - The component's base wrapper. * @csspart button - The internal `<button>` element. * @csspart button--checked - The internal button element when the radio button is checked. * @csspart prefix - The container that wraps the prefix. * @csspart label - The container that wraps the radio button's label. * @csspart suffix - The container that wraps the suffix. */ declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, { onSlBlur: EventName<SlBlurEvent>; onSlFocus: EventName<SlFocusEvent>; }>; export default reactWrapper;