Text Utilities

1 component in this section

Text Colors

Text color and typography utility classes

HTML

React

Web Components

<div class="dg-prose">
  <span class="dg-text-primary">Primary </span>
  <span class="dg-text-secondary">Secondary </span>
  <span class="dg-text-success">Success </span>
  <span class="dg-text-danger">Danger</span>
</div>


<div className="dg-prose">
  <span className="dg-text-primary">Primary </span>
  <span className="dg-text-secondary">Secondary </span>
  <span className="dg-text-success">Success </span>
  <span className="dg-text-danger">Danger</span>
</div>

<script type="module">
  import '@deepgram/styles/wc';
</script>

<dg-prose>
  <dg-text-primary>Primary </dg-text-primary>
  <dg-text-secondary>Secondary </dg-text-secondary>
  <dg-text-success>Success </dg-text-success>
  <dg-text-danger>Danger</dg-text-danger>
</dg-prose>