Back to Dashboard

Component Library

Custom RBSI components imported from Figma

Primary Button

Main call-to-action button for primary actions like submit, save, or continue.

primary-button

default

Secondary Button

Secondary action button with outline style for less prominent actions like cancel or back.

secondary-button

default

Enhanced Structure Chart Block

Advanced structure chart block with multiple states for entity management, KP tracking, and significant controller identification in fund structures.

enhanced-structure-chart-block

Default • Entity Icon

Entity / Person name over two lines

Entity Type

Not started

Edit

Icon Type:

Record Preview

Search result preview for Key Principals showing either KP records across applications or all KPs within an application structure. Used for selecting existing KPs to add to entity structures.

record-preview

Key principal

Joe Bloggs

Generic details

Name: Joe Bloggs

Phone number: 07146 209538

Email: joe.bloggs@gmail.com

Records of this key principal:

24 Records

Joe Bloggs

Nile Fund LP

Director

Joe Bloggs

European Fund LP

Shareholder

Joe Bloggs

Nile Fund LP

Trustee

Joe Bloggs

Nile Fund LP

Member

Joe Bloggs

Nile Fund LP

Unit Holder

Joe Bloggs

Nile Fund LP

Settlor

Mini KP Card

Compact Key Principal card designed for use in scrollable lists within Record Preview. Features 35px icon label with 20px icons and condensed spacing.

mini-kp-card

Entity

Entity / Person name over two lines

Nile Fund LP

Entity Type

RBSI Header

Compact application header with RBSI logo, user account information, notifications, and account dropdown. Scaled to ~75% for better proportions with page content. Responsive and adapts to container width.

rbsi-header

default

RBS International

Joe Sanders

Notifications

Your account

Title Block

Page title block with heading, descriptive subtext, and optional inline warning notification. Used at the top of journey pages to provide context and important alerts.

title-block

Default

Build the fund's structure

Select the plus icons to build the fund's ownership structure. As you add key principals, we'll ask a few questions to verify the level of information required. Continue until all entities or individuals with significant influence or control over the fund have been added.

Floating Notification

Compact floating notification that appears in the top-left corner of the canvas. Used to display contextual warnings or important information that stays visible while users navigate the chart. Key phrases like "significant controllers or owners" are emphasized in bold.

floating-notification

Hidden

We've highlighted key principals identified as significant controllers or owners who require full ID&V checks.

Status Pill

Compact status indicator pill showing progress states. Used throughout application to indicate completion status of sections, key principals, and tasks.

status-pill

Not Started

Not Started

Progress Panel

Reusable right-side panel component displaying application progress, KP details, or issues detected. Supports multiple states for different contexts including dashboard, forms, and application overview.

progress-panel

Complex (Issues Detected)

46%

Complete

Nile Property Alternatives Fund LP

Issues detected

Tax Details - 6 fields missing

Fund Cashflow - 4 fields missing

Key Principals - 12 fields missing

Significant Controller Preview

ID&V check list item card displaying Significant Controller information with roles, status pill, and edit action. Used in identification and verification workflows to show significant controllers requiring ID checks.

significant-controller-preview

Person

Key Principal 1 - Joe Bloggs

Not Started

Roles within the structure: (3)

Director - Nile Property Alternatives Fund (Founder Partner) LP

Unit Holder - Nile Fund Management Limited

Shareholder - Dig Group Fiduciary Service (UK) Limited