Components

Everything you need to know about using Turas Design System components.

Organises content into collapsible sections, allowing users to open and close information.

Interrupts the user to communicate critical or important information.

Provides a link that allows users to quickly navigate back to the top of a page.

Small labels that communicate important information and encourage user action.

Indicates text that is a direct quotation or a distinct excerpt from the main content.

Secondary navigation that indicates a user's location within an app or website.

Styled links that attract users' attention and enable actions.

Flexible and expandable containers for content, offering various styles and options.

Located at the bottom of every page, providing key links, copyright information, and branding.

Displays the current application name, links to the user's profile, My Turas, and other applications.

Provides context by displaying breadcrumbs, page name, and subheading.

Overlay messages that display information or prompt the user to make a decision.

Allows users to navigate around the application or website.

Menu used to organise and categorise section content.

A hidden link that becomes visible with keyboard navigation, allowing users to bypass repetitive page elements.

Highlights key information for users.

Allows users to change context within an application.

Displays data in a grid format consisting of rows and columns.

Allows users to navigate between related sections of content within a page.

Page tabs allow users to navigate between views on the same page.