Data Pullout

• ID C.70.00

Updates

• 2025-03-06 SRWFE-4492: added data pullout component (markup) [ronny.ebnoether]
• 2026-05-15 SRWFE-4716: reduced content gap (css) [vic]

Full width - Full content - Large

⌛️ Loading Example ...

Show Code

Full width - Full content - Medium

⌛️ Loading Example ...

Show Code

Full width - Full content - Small

⌛️ Loading Example ...

Show Code

Inline - Full content - Large

⌛️ Loading Example ...

Show Code

Inline - Full content - Medium

⌛️ Loading Example ...

Show Code

Inline - Full content - Small

⌛️ Loading Example ...

Show Code

Side by Side - Large

⌛️ Loading Example ...

Show Code

Side by Side - Medium

⌛️ Loading Example ...

Show Code

Side by Side - Small

⌛️ Loading Example ...

Show Code

Full width - Title only

⌛️ Loading Example ...

Show Code

Full width - Title & Source

⌛️ Loading Example ...

Show Code

Full width - Title & Share

⌛️ Loading Example ...

Show Code

Full width - Blue Background

⌛️ Loading Example ...

Show Code

Full width - Image Background

⌛️ Loading Example ...

Show Code

Full width - Transparent Background

⌛️ Loading Example ...

Show Code

Full width - With Quote

⌛️ Loading Example ...

Show Code

Inline - With Quote - Blue background

⌛️ Loading Example ...

Show Code

Inline - With Quote - Image background - Medium

⌛️ Loading Example ...

Show Code

Inline - With Quote - Transparent background - Small

⌛️ Loading Example ...

Show Code