Toolbar

Import

import {Toolbar} from '@astryxdesign/core/Toolbar';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Toolbar is a horizontal bar with left, center, and right areas. Use it for contextual actions within a content area (above a table, inside a card, or in a panel), not as a page-...

Important props

Theming targets

Best practices

• DoPut secondary actions like "Back" on the left, and primary actions like "Save" on the right.
• DoMake temporary toolbars like bulk selection visually distinct so users can tell they're contextual, for example with a background color or border.
• DoVisually separate the toolbar from the content below it, with a divider, a background variant, or both.
• DoUse Toolbar as a card header when the header has interactive actions like filter or add; it gives you slot layout, keyboard navigation, and size cascading. If the header is just...