Icon
<sc-icon name="icon-name-here"></sc-icon>
This component let users display an icon. SureCart comes bundled with over 287 icons courtesy of the Feather Icons. Please use the names from this library for the name property of the icon.
- Preview
- Code
<sc-icon name="shopping-bag"></sc-icon><sc-icon name="activity"></sc-icon><sc-icon name="airplay"></sc-icon><sc-icon name="alert-circle"></sc-icon>
Component Codex
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| label | An alternative description to use for accessibility. If omitted, the name or src will be used to generate it. | string | |
| library | The name of a registered custom icon library. | string | 'default' |
| name | The name of the icon to draw. | string | |
| src | An external URL of an SVG file. | string |
Events
| Event | Description | Type |
|---|---|---|
scLoad | Emitted when the icon has loaded. | CustomEvent<void> |
Shadow Parts
| Part | Description |
|---|---|
base |
Used By
- sc-alert
- sc-breadcrumb
- sc-breadcrumbs
- sc-cancel-dialog
- sc-cancel-survey
- sc-cart-form-submit
- sc-cart-header
- sc-cart-icon
- sc-cc-logo
- sc-charges-list
- sc-checkout-stock-alert
- sc-customer-details
- sc-dialog
- sc-downloads-list
- sc-drawer
- sc-empty
- sc-feature-demo-banner
- sc-fulfillments
- sc-image-slider
- sc-invoices-list
- sc-login-form
- sc-order
- sc-order-confirm-provider
- sc-order-submit
- sc-orders-list
- sc-pagination
- sc-password-nag
- sc-payment
- sc-payment-method
- sc-payment-methods-list
- sc-product-item-list
- sc-product-line-item
- sc-product-selected-price
- sc-provisional-banner
- sc-purchase-downloads-list
- sc-quantity-select
- sc-rich-text
- sc-select
- sc-subscription
- sc-subscription-ad-hoc-confirm
- sc-subscription-next-payment
- sc-subscription-payment-method
- sc-subscription-switch
- sc-subscription-variation-confirm
- sc-subscriptions-list
- sc-tax-id-input
- sc-toggle
- sc-upcoming-invoice
- sc-upgrade-required
- sc-wordpress-user