Skip to main navigationSkip to main content
Return to Sky UI homepage

Signpost - React

View on FigmaView on GitHub
import { Signpost } from '@sky-uk/ui-core';

Examples

Minimal

<Signpost
  $maxWidth="300px"
  heading="Heading text"
  href="#"
  media={{
    alt: 'Alt text',
    src: 'https://placehold.co/400x400'
  }}
/>

Aspect Ratio

<Signpost
  $maxWidth="300px"
  heading="Heading text"
  href="#"
  media={{
    $aspectRatio: '4/3',
    alt: 'Alt text',
    src: 'https://placehold.co/400x300'
  }}
/>

Props

  • Card props
  • heading: string
  • href: string
  • media: object

System Modifiers

The Signpost component also supports the props applied using the following system modifiers: