Web
Store
App
External

Playroom Storybook

Sections

Guides
Blog
Basics
Components
Examples
Resources

🌹 Graz - George Design System stands in solidarity with the victims and families affected by the tragic school shooting in Graz. Our hearts go out to all those impacted by this senseless act of violence.

Table of Content

Sections

Guides
Blog
Basics
Components
Examples
Resources

Pages

Alert
Avatar
Button
Controlled Inputs
Dual Currencies
FullPage - DrawerModal
FullPage - Summary slot
FunctionCard
- Vertical FunctionCard
- Horizontal FunctionCard
MatchMedia
Modal
Multiple Forms in Card
Pages
Panoramic Transaction
ProductInfo
Search Bar
Select Filter
Signing
StructuredInfo
Success & Error Cards
Table
Transaction
Typography

Tools

Storybook
Playroom

FunctionCard examples

This page shows examples of George’s FunctionCard component.

Vertical FunctionCard

3 vertical FunctionCards

Loading demo…

3 vertical FunctionCards with shared footer

Loading demo…

3 vertical FunctionCards without state

Loading demo…

2 vertical FunctionCards

Loading demo…

2 x 2 vertical FunctionCards

Loading demo…

Horizontal FunctionCard

Loading demo…

Horizontal FunctionCard with just text

Loading demo…

Horizontal FunctionCard with short text

Loading demo…

Horizontal FunctionCard with a lot of text

Loading demo…

2 horizontal FunctionCards

Loading demo…

Horizontal FunctionCard with header

Loading demo…

Horizontal FunctionCard and 2 function information cards

Loading demo…

Horizontal FunctionCard with rich content

Loading demo…

Horizontal FunctionCard with custom indicator

Loading demo…

Settings

Interface optionsAppearance:

Show table of contents

Rules to displayAccessibilityCopywritersDesignersDevelopersAndroidiOS

Components optionsAppearance (React):

Code settingsShow code snippetsPrefer React over HTMLPrefer Android over iOS

Imprint

Powered by Erste Group Bank AG

Imprint Privacy Policy Test Pages