@ui5/webcomponents-react/dist/webComponents/UserSettingsItem/index.js

React Wrapper for UI5 Web Components and additional components

'use client';

import '@ui5/webcomponents-fiori/dist/UserSettingsItem.js';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
 * The `UserSettingsItem` represents an item in the `UserSettingsDialog`.
 *
 *
 *
 * You can disable the <code>UserSettingsItem</code> by setting the <code>enabled</code> property to <code>false</code>,
 * or use the <code>UserSettingsItem</code> in read-only mode by setting the <code>editable</code> property to false.
 *
 * <b>Note:</b> Disabled and read-only states shouldn't be used together.
 *
 * __Note:__ This is a UI5 Web Component! [UserSettingsItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/UserSettingsItem) | [Repository](https://github.com/UI5/webcomponents)
 *
 * @since [2.8.0](https://github.com/UI5/webcomponents/releases/tag/v2.8.0) of __@ui5/webcomponents-fiori__.
 */
const UserSettingsItem = withWebComponent('ui5-user-settings-item', ['accessibleName', 'headerText', 'icon', 'loadingReason', 'text', 'tooltip'], ['disabled', 'loading', 'selected'], ['tabs'], ['selection-change']);
UserSettingsItem.displayName = 'UserSettingsItem';
export { UserSettingsItem };