Divider

A dividing line delineates distinct content.

Component Status

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Up to date

Introduction

Dividers segregate content into categories.

They enhance the organization of a design by grouping and partitioning content that is closely situated. Additionally, they can help establish a sense of rhythm and hierarchy.

Every platform has its unique navigation style. While some components may share similar names, they serve different purposes, possess distinct features, and elicit varying responses.

Showcase Divider