<document source="index">
    <section ids="heading" names="heading">
        <title>
            Heading
        <target refid="cards-clickable">
        <section ids="clickable-cards cards-clickable" names="clickable\ cards cards-clickable">
            <title>
                Clickable cards
            <paragraph>
                Using the 
                <literal>
                    link
                 and 
                <literal>
                    link-type
                 options, you can turn an entire card into a clickable link. Try hovering over then clicking on the cards below:
            <container classes="sd-card sd-sphinx-override sd-mb-3 sd-shadow-sm sd-card-hover" design_component="card" is_div="True">
                <container classes="sd-card-body" design_component="card-body" is_div="True">
                    <container classes="sd-card-title sd-font-weight-bold" design_component="card-title" is_div="True">
                        <PassthroughTextElement>
                            Clickable Card (external)
                    <paragraph classes="sd-card-text">
                        The entire card can be clicked to navigate to 
                        <reference refuri="https://example.com">
                            https://example.com
                        .
                <PassthroughTextElement>
                    <reference classes="sd-stretched-link sd-hide-link-text" refuri="https://example.com">
                        <inline>
                            https://example.com
            <container classes="sd-card sd-sphinx-override sd-mb-3 sd-shadow-sm sd-card-hover" design_component="card" is_div="True">
                <container classes="sd-card-body" design_component="card-body" is_div="True">
                    <container classes="sd-card-title sd-font-weight-bold" design_component="card-title" is_div="True">
                        <PassthroughTextElement>
                            Clickable Card (external)
                    <paragraph classes="sd-card-text">
                        The entire card can be clicked to navigate to 
                        <reference refuri="https://example.com">
                            https://example.com
                        .
                <PassthroughTextElement>
                    <reference classes="sd-stretched-link sd-hide-link-text" refuri="https://example.com">
                        <inline>
                            example.com
            <container classes="sd-card sd-sphinx-override sd-mb-3 sd-shadow-sm sd-card-hover" design_component="card" is_div="True">
                <container classes="sd-card-body" design_component="card-body" is_div="True">
                    <container classes="sd-card-title sd-font-weight-bold" design_component="card-title" is_div="True">
                        <PassthroughTextElement>
                            Clickable Card (internal)
                    <paragraph classes="sd-card-text">
                        The entire card can be clicked to navigate to the 
                        <literal>
                            cards-clickable
                         reference target.
                <PassthroughTextElement>
                    <pending_xref classes="sd-stretched-link sd-hide-link-text" refdoc="index" refdomain="std" refexplicit="False" reftarget="cards-clickable" reftype="ref" refwarn="True">
                        <inline>
                            cards-clickable
            <container classes="sd-card sd-sphinx-override sd-mb-3 sd-shadow-sm sd-card-hover" design_component="card" is_div="True">
                <container classes="sd-card-body" design_component="card-body" is_div="True">
                    <container classes="sd-card-title sd-font-weight-bold" design_component="card-title" is_div="True">
                        <PassthroughTextElement>
                            Clickable Card (internal)
                    <paragraph classes="sd-card-text">
                        The entire card can be clicked to navigate to the 
                        <literal>
                            cards-clickable
                         reference target.
                <PassthroughTextElement>
                    <pending_xref classes="sd-stretched-link sd-hide-link-text" refdoc="index" refdomain="std" refexplicit="True" reftarget="cards-clickable" reftype="ref" refwarn="True">
                        <inline>
                            clickable cards
