@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 • 1.37 kB
TypeScript
import React from 'react';
import { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';
export interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {
controlId?: string;
controlClassName: string;
outlineClassName: string;
showOutline?: boolean;
disabled?: boolean;
readOnly?: boolean;
nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;
styledControl: React.ReactElement;
label?: React.ReactNode;
description?: React.ReactNode;
descriptionBottomPadding?: boolean;
ariaLabel?: string;
ariaLabelledby?: string;
ariaDescribedby?: string;
ariaControls?: string;
onClick: () => void;
style?: {
control?: {
background?: string;
};
description?: {
color?: string;
};
label?: {
color?: string;
};
focusRing?: {
borderColor?: string;
borderRadius?: string;
borderWidth?: string;
};
};
}
export default function AbstractSwitch({
controlId,
controlClassName,
outlineClassName,
showOutline,
disabled,
readOnly,
nativeControl,
styledControl,
label,
description,
descriptionBottomPadding,
ariaLabel,
ariaLabelledby,
ariaDescribedby,
ariaControls,
onClick,
style,
__internalRootRef,
...rest
}: AbstractSwitchProps): JSX.Element;