Blog post about salesforce design system + react 5

notification_3.js

  render: function() {
    return (
      <div className="slds-notify-container">
        <div className="slds-notify slds-notify--alert" role="alert">
          <span className="slds-assistive-text">info</span>
          <button className="slds-button slds-notify__close slds-icon--small">
            <svg aria-hidden="true" className="slds-button__icon slds-button__icon--inverse" dangerouslySetInnerHTML={{__html:'<use xlink:href="/assets/icons/action-sprite/svg/symbols.svg#close"></use>'}}>
            </svg>
            <span className="slds-assistive-text">Close</span>
          </button>
          {this.props.children}
        </div>
      </div>
    );
  }