検索バーのデザインを変更し、自社にあった検索バーにすることが可能です。

※ 足りないプロパティ設定など順次追加しておりますので、必要なプロパティがあればお問い合わせください。

Placeholderの文言変更

Placeholderの文言を変更する場合は placeholder を設定してください

SmartSearch.initialize({
  smartSearchKey: "xxxxxx-ec20-415f-a613-cd5c321c04da",
  elementId: "smart_search",
  placeholder: "AIでドキュメント検索",
  searchBarStyle: {},
});

スタイリングの変更

検索バーのスタイリングを変更する場合は searchBarStyle を設定してください

設定できる内容については下記 SearchBarStyleパラメータ一覧 を参照してください。

SmartSearch.initialize({
  smartSearchKey: "xxxxxx-ec20-415f-a613-cd5c321c04da",
  elementId: "smart_search",
  searchBarStyle: {
    iconSize: "16px",
    iconMargin: "0 0 0 0",
    height: "40px",
		width: "200px",
    fontSize: "16px",
    borderWidth: "1px",
    borderColor: "rgb(229, 231, 235)",
    borderRadius: "6px",
  }, 
});

SearchBarStyleパラメータ一覧