Flex
<sc-flex></sc-flex>
This component let users create an flex container.
- Preview
- Code
<sc-flex align-items="center"><sc-flex justify-content="flex-start" align-items="center"><sc-icon name="menu"></sc-icon><div>Test</div></sc-flex><sc-icon name="shopping-bag"></sc-icon></sc-flex>
Test
Component Codex
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| alignItems | string | ||
| columnGap | string | ||
| flexDirection | string | ||
| flexWrap | string | ||
| justifyContent | string | ||
| stack | string |
Shadow Parts
| Part | Description |
|---|---|
base |
Used By
- sc-cancel-discount
- sc-cancel-survey
- sc-checkout-stock-alert
- sc-customer-edit
- sc-downloads-list
- sc-fulfillments
- sc-license
- sc-login-form
- sc-order
- sc-pagination
- sc-password-nag
- sc-payment-method-details
- sc-payment-methods-list
- sc-subscription
- sc-subscription-cancel
- sc-subscription-details
- sc-subscription-next-payment
- sc-subscription-payment-method
- sc-subscription-reactivate
- sc-subscription-switch
- sc-upcoming-invoice