Flex

<sc-flex></sc-flex>

This component let users create an flex container.

Preview

<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>

Code

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-downloads-list
• sc-fulfillments
• sc-license
• sc-login-form
• sc-order
• sc-pagination
• sc-password-nag
• 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