How to use the @carbon/icons/lib/arrow--down/16 function in @carbon/icons

To help you get started, we’ve selected a few @carbon/icons examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github carbon-design-system / carbon-custom-elements / src / components / data-table / table-header-cell.ts View on Github external
render() {
    const { sortDirection } = this;
    if (sortDirection) {
      const sortIcon =
        sortDirection === TABLE_SORT_DIRECTION.NONE
          ? Arrows16({
              class: `${prefix}--table-sort__icon-unsorted`,
            })
          : ArrowDown16({
              class: `${prefix}--table-sort__icon`,
            });
      return html`
        <button title="${this.textContent}" class="${prefix}--table-sort">
          <span class="${prefix}--table-header-label"></span>
          ${sortIcon}
        </button>
      `;
    }
    return html`
      
    `;
  }