ion-toolbar

shadow

Properties

color

Description	アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です．色に関する詳しい情報は theming を参照してください。
Attribute	color
Type	"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string & Record<never, never> ｜ undefined
Default	undefined

mode

Description	modeは、どのプラットフォームのスタイルを使用するかを決定します。
Attribute	mode
Type	"ios" ｜ "md"
Default	undefined

CSS Shadow Parts

Name	Description
background	The background of the toolbar, covering the entire area behind the toolbar content.
container	The container that wraps all toolbar content, including the default slot and named slot content.
content	The container for the default slot, wrapping content provided without a named slot.

CSS Custom Properties

Name	Description
--background	ツールバーの背景
--background	ツールバーの背景
--border-color	ツールバーの枠の色
--border-color	ツールバーの枠の色
--border-style	ツールバーのボーダーのスタイル
--border-style	ツールバーのボーダーのスタイル
--border-width	ツールバーの枠の幅
--border-width	ツールバーの枠の幅
--color	ツールバーテキストの色
--color	ツールバーテキストの色
--min-height	ツールバーの最小高さ
--min-height	ツールバーの最小高さ
--opacity	ツールバーの背景の不透明度
--opacity	ツールバーの背景の不透明度
--padding-bottom	ツールバーのBottom Padding
--padding-bottom	ツールバーのBottom Padding
--padding-end	ツールバーの向きが左から右の場合はRight Padding、右から左の場合はLeft Paddingを使用します。
--padding-end	ツールバーの向きが左から右の場合はRight Padding、右から左の場合はLeft Paddingを使用します。
--padding-start	ツールバーの方向が左から右の場合はLeft Padding、右から左の場合はRight Paddingを使用します。
--padding-start	ツールバーの方向が左から右の場合はLeft Padding、右から左の場合はRight Paddingを使用します。
--padding-top	ツールバーのTop Padding
--padding-top	ツールバーのTop Padding

Slots

Name	Description
``	slotがない状態で提供される場合、コンテンツは名前付きslotの間に配置されます。
end	コンテンツは、LTRではツールバーテキストの右側に、RTLでは左側に配置されます。
primary	コンテンツは、ios modeではツールバーテキストの右側に、md modeでは右端に配置されます。
secondary	コンテンツは、ios modeではツールバーテキストの左側に、md modeでは右側に直接配置されます。
start	コンテンツは、LTRではツールバーテキストの左側に、RTLでは右側に配置されます。