HCP ISI Component
What is HCP ISI Component?
HCP Important Safety Information (ISI) is present on all US Commercial Branded websites. The ISI will appear just above the global footer, immediately following the body on all product websites & is fixed. The collapsed tray includes 20% of the screen height to balance claims in body content.
The ISI tray will include expand/collapse functionality to allow users to view the full ISI at any point during the website visit when the tray is in use and visible. For Boxed Warning products, the warning must appear on every Home and landing page of the website.
Specifications:
- ISI can be either configured at global level or at a page specific level. If not configured at a page level, the ISI is inherited from the locale page.
- Text for Expand & Collapse. Option to choose between "plus" & "chevron" for expand & collapse state of ISIs.
- On clicking "plus" / "chevron" icon the ISI expands all the way to the top, covering the content of the page. However, the global utility navigation is visible.
- Unless specified, primary color is inherited for Headings, expand/collapse text. Editors can author different colors using color picker supported by the component
- Background color for heading section can be configured while authoring the component.
- Option to add box warning - solid border surrounding the content for both low & high transition.
