← Back to Components

QdsSettingsButton

A button component for accessing settings.

Overview

The qds-settings-button component is a custom element that provides a button for users to access settings or configuration options. It is a simple button with a cog icon.

Usage

To use the qds-settings-button component, include it in your HTML:

<qds-settings-button></qds-settings-button>

API Reference

CSS Parts

• button - The button container.
• icon - The settings icon.

Events

• click - When the settings button is clicked.

Example

<qds-settings-button></qds-settings-button>
<script>
  const settingsButton = document.querySelector('qds-settings-button');
  settingsButton.addEventListener('click', () => {
    console.log('Settings button clicked');
  });
</script>