@sikt/sds-details

Consume

npm i -s @sikt/sds-details

React

import { Details } from "@sikt/sds-details";
import "@sikt/sds-details/dist/index.css";

<Details summary="Hello">Hello, World!</Details>;

Stylesheets & custom markup

Import stylesheet:

@import url("@sikt/sds-details");

Create custom markup:

<details class="sds-details">
  <summary class="sds-details__summary">
    Hello
    <div>
      <svg className="sds-details__icon" />
    </div>
  </summary>
  <div class="sds-details__content">Hello, World!</div>
</details>