UNPKG

@awsui/components-react

Version:

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

57 lines 2.04 kB
import React from 'react'; import { BaseComponentProps } from '../internal/base-component'; import { FormFieldControlProps } from '../internal/context/form-field-context'; import { NonCancelableEventHandler } from '../internal/events'; export interface BaseCheckboxProps extends BaseComponentProps, FormFieldControlProps { /** * Specifies if the component is selected. */ checked: boolean; /** * Specifies the name of the control used in HTML forms. */ name?: string; /** * Specifies if the control is disabled, which prevents the * user from modifying the value and prevents the value from * being included in a form submission. A disabled control can't * receive focus. */ disabled?: boolean; /** * Specifies if the control is read-only, which prevents the * user from modifying the value. Should be used only inside forms. * A read-only control is still focusable. * If both `readOnly` and `disabled` are set, `disabled` takes precedence. */ readOnly?: boolean; /** * Specifies the ID of the native form element. By default, it uses an automatically generated ID. */ controlId?: string; /** * Adds an `aria-label` to the native control. * * Use this if you don't have a visible label for this control. */ ariaLabel?: string; /** * Called when input focus is moved to the UI control. */ onFocus?: NonCancelableEventHandler; /** * Called when input focus is removed from the UI control. */ onBlur?: NonCancelableEventHandler; children?: React.ReactNode; /** * Description that appears below the label. */ description?: React.ReactNode; /** * Adds `aria-controls` attribute to the component. * If the component controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content. */ ariaControls?: string; } //# sourceMappingURL=base-checkbox.d.ts.map