How to use the @carbon/icons/lib/close/20 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 / ui-shell / header-menu-button.ts View on Github external
render() {
    const { active, buttonLabelActive, buttonLabelInactive, disabled, _handleClick: handleClick } = this;
    const buttonLabel = active ? buttonLabelActive : buttonLabelInactive;
    const classes = classMap({
      [`${prefix}--header__action`]: true,
      [`${prefix}--header__menu-trigger`]: true,
      [`${prefix}--header__menu-toggle`]: true,
      [`${prefix}--header__action--active`]: active,
    });
    return html`
      <button aria-label="${ifNonNull(buttonLabel)}" class="${classes}">
        ${active ? Close20() : Menu20()}
      </button>
    `;
  }
github carbon-design-system / carbon-custom-elements / src / components / notification / inline-notification.ts View on Github external
protected _renderButton() {
    const { closeButtonLabel, _type: type, _handleClickCloseButton: handleClickCloseButton } = this;
    return html`
      <button title="${ifDefined(closeButtonLabel)}" aria-label="${ifDefined(closeButtonLabel)}" class="${prefix}--${type}-notification__close-button" type="button">
        ${Close20({
          class: `${prefix}--${type}-notification__close-icon`,
        })}
      </button>
    `;
  }
github carbon-design-system / carbon-custom-elements / src / components / modal / modal-close-button.ts View on Github external
render() {
    return html`
      ${Close20({
        class: `${prefix}--modal-close__icon`,
      })}
    `;
  }