@clayui/upper-toolbar

ClayUpperToolbar component

Usage no npm install needed!

<script type="module">
  import clayuiUpperToolbar from 'https://cdn.skypack.dev/@clayui/upper-toolbar';
</script>

README

title: 'Upper Toolbar' description: 'Upper toolbar is a guidance pattern to allow designers create their own toolbars for edition with preview pages.' lexiconDefinition: 'https://liferay.design/lexicon/core-components/toolbars/toolbar-upper/' packageNpm: '@clayui/upper-toolbar' packageStatus: 'Deprecated'

import {UpperToolbarExample} from '$packages/clay-upper-toolbar/docs/index';

Warning This 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

API

UpperToolbar

Extends from {`React.HTMLAttributes`}

UpperToolbar.Item

[APITable "clay-upper-toolbar/src/index.tsx#ClayUpperToolbarItem"]

UpperToolbar.Input

Extends from {`React.ComponentProps`}