API
<portal-button>
A Spectrum compliant button implementation
Attributes
| Name | Description | Type | Default |
| variant | Button variation : cta or primary | string | "cta" |
Properties
| Name | Attribute | Description | Type | Default |
| variant | variant | Button variation : cta or primary | string | "cta" |
<portal-actions>
undefined
Attributes
| Name | Description | Type | Default |
| withCta | If the navbar should display a cta action or only primaries | undefined | undefined |
Properties
| Name | Attribute | Description | Type | Default |
| withCta | withCta | If the navbar should display a cta action or only primaries | undefined | undefined |
<portal-menu-item>
A nav item inside a PortalMenu
Attributes
| Name | Description | Type | Default |
| variant | Variant a menu item : uppercase | string | "" |
| href | item menu link | string | "" |
| value | item menu value | string | "" |
| active | If the tab is in active state | boolean | false |
Properties
| Name | Attribute | Description | Type | Default |
| variant | variant | Variant a menu item : uppercase | string | "" |
| href | href | item menu link | string | "" |
| value | value | item menu value | string | "" |
| active | active | If the tab is in active state | boolean | false |
<portal-drawer>
3d Portal Menu drawer for mobile
Attributes
| Name | Description | Type | Default |
| drawerOpen | Wether or not the drawer is open. | boolean | false |
Properties
| Name | Attribute | Description | Type | Default |
| drawerOpen | drawerOpen | Wether or not the drawer is open. | boolean | false |
<portal-link>
A Substance Redirect Title
presents where to find the new substance URL on Adobe.com
Attributes
| Name | Description | Type | Default |
| href | undefined | string | "" |
| variant | undefined | string | "" |
Properties
| Name | Attribute | Description | Type | Default |
| href | href | undefined | string | "" |
| variant | variant | undefined | string | "" |
<portal-logo>
A Substance Logo
<portal-menu>
Portal Menu
Attributes
| Name | Description | Type | Default |
| isMobile | Wether or not the portal is in mobile mode | boolean | false |
| activeTab | Which tab should be active | undefined | undefined |
Properties
| Name | Attribute | Description | Type | Default |
| isMobile | isMobile | Wether or not the portal is in mobile mode | boolean | false |
| activeTab | activeTab | Which tab should be active | undefined | undefined |
<portal-redirect-title>
A Substance Redirect Title
presents where to find the new substance URL on Adobe.com
<portal-redirect-action>
A Substance Redirect Title
presents where to find the new substance URL on Adobe.com
<portal-navbar>
The navbar container element.
Attributes
| Name | Description | Type | Default |
| hideActions | Wether or not the actions on the right are displayed. | boolean | false |
| primaryActions | If the navbar should display a cta action or only primaries | boolean | false |
| activeTab | Which tab should be active | string | "" |
| locale | Which locale to use.
Useful when the website have an option to switch to an another language | string | "en" |
Properties
| Name | Attribute | Description | Type | Default |
| hideActions | hideActions | Wether or not the actions on the right are displayed. | boolean | false |
| primaryActions | primaryActions | If the navbar should display a cta action or only primaries | boolean | false |
| activeTab | activeTab | Which tab should be active | string | "" |
| locale | locale | Which locale to use.
Useful when the website have an option to switch to an another language | string | "en" |