Gov Design System CE - Templates

Mapa 

<gov-flex class="map" direction="column" gap="s" align-items="center" justify-content="center" responsive="false">
    <gov-icon type="templates" name="geo-alt" size="2xl" color="primary"></gov-icon>
    <p>Map Placeholder</p>
</gov-flex>
 
<gov-flex class="map{{#if classes}}{{#each classes}} {{ this }}{{/each}}{{/if}}" direction="column" gap="s" align-items="center" justify-content="center" responsive="false">
    <gov-icon type="templates" name="geo-alt" size="2xl" color="primary"></gov-icon>
    <p>{{ text }}</p>
</gov-flex>
 
{
  "text": "Map Placeholder"
}
  • Content: 
    @import "../../../styles/mixins";

.map {
    width: 100%;
    height: 400px !important;
    background-color: var(--background-primary-subtlest);
    border-radius: var(--corner-radius-l);
    p {
        @include typography("headline-s");
        color: var(--text-primary-color);
    }
}
  • URL: /components/raw/map-placeholder/map-placeholder.scss
  • Filesystem Path: src/components/molecules/map-placeholder/map-placeholder.scss
  • Size: 290 Bytes

No notes defined.