Base

plume-uiのコンポーネントを利用するアプリケーションで、コンポーネントを柔軟にコントロールし、拡張するためのベースとなるコンポーネントです

as

次のようにaspropsにHTMLタグの名前を渡すことで、そのタグとして描画できます。

<Base as="a" href="https://example.com" target="_blank">
  https://example.com
</Base>

このBaseコンポーネントを拡張して、plume-uiの各コンポーネントを実装することで、次のように本来はspanとして表示されるTagコンポーネントをリンクとして表示することができます

<Tag as="a" href="https://example.com" target="_blank">
  example
</Tag>

スタイル

BaseコンポーネントでstyleやclassNamepropsを受け入れることで、plume-uiの全てのコンポーネントでも同じようにスタイルを利用側から変更できるようにしています

<Base
  as="a"
  href="https://example.com"
  target="_blank"
  style={{ color: 'red' }}
>
  https://example.com
</Base>