Divider
デバイダ コンポーネントは、コンテンツを水平と垂直の両方向に分割できます。
Angular Divider の例
デフォルトでは、デバイダは水平の実線です。
使用方法
<igx-divider></igx-divider>
垂直デバイダ
vertical
属性を追加してその値を true
に設定することで、デバイダの方向を水平から垂直に変更できます。
<igx-divider [vertical]="true"></igx-divider>
破線の仕切り
デバイダのデフォルト スタイルは実線
ですが、破線
も使用できます。
デフォルトの外観を変更するには、デバイダの type
属性を使用してその値を dashed
に設定します。
<igx-divider type="dashed"></igx-divider>
インセット デバイダ
デバイダは両側に設定できます。
デバイダを埋め込むには、デバイダの middle
属性を true
に設定し、inset
値を指定することにより、デバイダが両端から縮小し始めます。
値の最後に単位 (px,rem,%...) を追加する必要があることに注意してください。単位がない場合は機能しません。
// Both side
<igx-divider [middle]="true" inset="80px"></igx-divider>
// Left side only
<igx-divider inset="40px"></igx-divider>
middle
属性の値が誤った値に設定されている場合、または属性がそれ以外で省略されている場合は、デバイダは左側にのみ設定されます。
API リファレンス
その他のリソース
コミュニティに参加して新しいアイデアをご提案ください。
ページを開く:
GitHub