---
title: Soon Pill
sidebar_position: 4
sidebar_custom_props:
  icon: TbPill
---

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
import soonPillCode from '!!raw-loader!@site/src/ui/display/soonPillCode.js'
import { SandpackEditor} from '@site/src/ui/SandpackEditor'

A small badge or "pill" to indicate something is coming soon. 

<Tabs>

<TabItem value="usage" label="Usage" default>

<SandpackEditor
  availableComponentPaths={['@/ui/display/pill/components/SoonPill']}
  componentCode={soonPillCode} 
/>

</TabItem>

<TabItem value="props" label="Props">

<table>
  <thead>
    <tr>
      <th>Props</th>
      <th>Type</th>
      <th>Description</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>

  </tbody>
  </table>

</TabItem>
</Tabs>