# NubrickAnchor

### インターフェース

Tooltipを紐づけるUI部品。表示対象となるWidgetを囲んで使用します。

```dart
class NubrickAnchor extends StatefulWidget {
  final String id;
  final Widget child;

  const NubrickAnchor(
    this.id, {
    super.key,
    required this.child,
  });
}
```

NubrickAnchorで囲んだWidgetに対して、ユーザーオンボーディングや機能ガイドをNubrickの管理画面から作成して、表示することができます。

### サンプルコード

対象のWidgetを `NubrickAnchor` でラップし、ID（例: `"MY_TOOLTIP_ID"`）を指定してください。

```dart
NubrickAnchor(
  "MY_TOOLTIP_ID",
  child: ElevatedButton(
    onPressed: () {
      print("MY_TOOLTIP anchor button pressed");
    },
    child: Text('MY_TOOLTIP anchor'),
  ),
)
```

ナビゲーションバーアイコンなどでも使用可能です：

```dart
BottomNavigationBarItem(
  icon: NubrickAnchor(
    "NAV_ITEM_A",
    child: Icon(Icons.business),
  ),
  label: 'Page A',
)
```