How to use the @carbon/icons/lib/chevron--right/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-row.ts View on Github external
render() {
    const { disabled, section, selected, selectionLabel, selectionName, selectionValue } = this;
    const expando = !section
      ? undefined
      : html`
          <div class="${prefix}--table-expand">
            <button class="${prefix}--table-expand__button">
              ${ChevronRight16({ class: `${prefix}--table-expand__svg` })}
            </button>
          </div>
        `;
    // Using `@click` instead of `@change` to support `.preventDefault()`
    const selection = !selectionName
      ? undefined
      : html`
          <div class="${prefix}--table-column-checkbox">
            ${html`
              </div>
github carbon-design-system / carbon-custom-elements / src / components / accordion / accordion-item.ts View on Github external
expandoAssistiveText,
      titleText,
      open,
      _handleClickExpando: handleClickExpando,
      _handleKeydownExpando: handleKeydownExpando,
    } = this;
    return html`
      <button aria-expanded="${String(Boolean(open))}" title="${expandoAssistiveText}" class="${prefix}--accordion__heading" type="button">
        ${ChevronRight16({
          class: `${prefix}--accordion__arrow`,
          'aria-label': expandoAssistiveText,
        })}
        <div class="${prefix}--accordion__title">${titleText}</div>
      </button>
      <div class="${prefix}--accordion__content"></div>
    `;
  }