Component Showcase

Asides

Note

A note aside with some bold and inline code.

Pro tip

A tip aside with a custom title.

Caution

A caution aside.

Danger

A danger aside.

Card Grid

Card one

Body text of the first card, long enough to wrap onto a second line.

Card two

Body text of the second card.

Steps

1. First step of the sequence.
2. Second step with code.
3. Third and final step.

Tabs

First

Content of the first tab.

Second

Content of the second tab.

Link card and button

The card reads its kind from the link target, so the same component covers a page on this site, a STACKIT product, the documentation, a repository and a third-party source. Only the last one carries the “leads off the trail” note.

Cloud Framework A link card With a description line. Open page Marketplace portal.stackit.cloud CAF Landing Zone Foundation A managed landing zone, bookable through the STACKIT Marketplace. Open in the Marketplace STACKIT documentation docs.stackit.cloud STACKIT Kubernetes Engine Product documentation for the managed Kubernetes offering. Open the documentation External source google.com A third-party source An external site that STACKIT does not vet. Open external site Leads off the trail A link button

Inline links

A reference that sits inside a sentence uses the chip instead of the card, so the line keeps reading. It marks the same five kinds with the same colours, and the label says where you land rather than repeating the URL.

• Regions: Region strategy determines data locality, latency profile and resilience boundaries for workloads and shared services. Documentation
• Terraform Provider: Use the official provider for declarative infrastructure provisioning and lifecycle control. Provider registry
• Landing zone service: A managed landing zone can be booked instead of built. Marketplace
• Related guidance: The migration framework covers the same ground for existing workloads. Migration Framework
• Outside sources keep the amber, dashed treatment of the card, so leaving the framework is visible mid-sentence too. Research library

Several chips in one sentence stay legible because each one is labelled by its destination: the SDKs exist for Go , Python and Java .

Inline badge: New

Code block

# a shell snippet with syntax highlighting
export FOO=bar
echo "hello $FOO"

Table

Swipe sideways to see the whole table

Layer	Component	Sovereign option
Data	S3-compatible storage	STACKIT Object Storage
Compute	Managed Kubernetes	STACKIT SKE
Metadata	Managed PostgreSQL	STACKIT PostgreSQL

Lists and quote

• Unordered item one
• Unordered item two

1. Ordered item one
2. Ordered item two

A blockquote to check quote styling in the deck.