LinksGrid

stable

Flexible link grid with multiple layout variants.

Source: packages/ui/src/components/blocks/grid/index.ts

Accessibility

No accessibility audit yet. Run the a11y pipeline to generate results.

Playground

Interactive playground coming soon for this component.
tsx
import { LinksGrid } from "@itu/ui";
 
<LinksGrid />
3 lines of tsx code

Props

PropTypeDefaultRequiredDescription
itemsGridLinksItem[]RequiredArray of link items to render in the grid
variantenumRequiredLayout variant controlling grid structure and card style
localestringRequiredBCP 47 locale string used for localizing link text

Variants

variant

default: minimalist
minimalist
minimalist
minimalist-icons
minimalist-icons
compact
compact
compact-icons
compact-icons
large
large
highlights
highlights
list-compact
list-compact
list-extended
list-extended

variant

default: minimalist
minimalist
minimalist
minimalist-icons
minimalist-icons
compact
compact
compact-icons
compact-icons
large
large
highlights
highlights
list-compact
list-compact
list-extended
list-extended

variant

default: minimalist
minimalist
minimalist
minimalist-icons
minimalist-icons
compact
compact
compact-icons
compact-icons
large
large
highlights
highlights
list-compact
list-compact
list-extended
list-extended

variant

default: minimalist
minimalist
minimalist
compact
compact

variant

default:
minimalist-icons
minimalist-icons
compact-icons
compact-icons
large
large
highlights
highlights

variant

default: large
large
large
highlights
highlights

layout

default: label-text
label-text
label-text
icon-above
icon-above
icon-left
icon-left
rich
rich
chevron-link
chevron-link
category
category