Light Mode/Dark Mode

Our component library supports Dark Mode and Light Mode Layouts with Light Mode as the default Option, but the handling should be implemented on your side as a developer. To enable Dark Mode, you need to set the data-theme="dark" attribute on the <body> or relevant container element programmatically in your project.

<html data-theme="dark">
<body>
  <dda-button></dda-button>
</body>
</html>

 <div data-theme="dark">
      <DdaButton />
    </div>

<template>
  <div data-theme="dark">
    <DdaButton />
  </div>
</template>

<div data-theme="dark">
  <dda-button></dda-button>
</div>

PreviousRTL Support NextTypography

Last updated 4 months ago