Upper Toolbar

yarn add @clayui/upper-toolbar

Upper toolbar is a guidance pattern to allow designers create their own toolbars for edition with preview pages.

Deprecated 3.80.1 View in Lexicon CHANGELOG

Introduction
Example
API

WarningThis component has been discontinued in favor of ClayToolbar, you can get the same result.

Introduction

The Upper Toolbar components can be composed together to make all sorts of toolbar variations. Combine Upper Toolbar with other Clay components to cover a variety of use cases.

Example

Code Sample (expand to see it)

API

UpperToolbar

Extends from React.HTMLAttributes<HTMLElement>

UpperToolbar.Item

Property	Description
`expand` `boolean`	Flag to indicate if Item should auto expand to fill the remaining width.

UpperToolbar.Input

Extends from React.ComponentProps<typeof ClayInput>