QuickLinks

stablev1.0.0

Quicklinks from Figma SCDC node 142:41691. Collapsible SG tile grid, or the Services circle row. Tiles use the white Quicklinks glyphs; the circle row uses Hero Icons.

Open in Figma

Live preview

Singapore · collapsible

Figma 142:41691. Default four tiles plus More. The first tile can be swapped to any icon in the set.

Services landing · circle

Implementation

import { QuickLinks } from '@nitro-core/ui';

<QuickLinks />

Design → Code

Property names stay aligned so a Figma Button maps onto the production import below.

Figma

Quicklinks

142:41691

Code

QuickLinks

@nitro-core/ui

Token inspector

Label

Figma Variable

SC Prosper Sans Medium 13

Nitro Token

font.sans

CSS

--nitro-font-sans

Chain

Figma → Token → CSS → Component

Navy tile

Figma Variable

core/affluent/blue #044385

Nitro Token

color.nav.active

CSS

--nitro-color-nav-active

Chain

Figma → Token → CSS → Component