## Live demo

<StorybookDemo
  themeSelector
  url="https://react.carbondesignsystem.com"
  variants={[
    {
      label: 'Default',
      variant: 'components-textinput--default',
    },
    {
      label: 'Fluid',
      variant: 'components-textinput--fluid',
    },
    {
      label: 'Read only',
      variant: 'components-textinput--read-only',
    },
    {
      label: 'Password Input',
      variant: 'components-passwordinput--default',
    },
    {
      label: 'Fluid (unstable)',
      variant: 'experimental-unstable-fluidtextinput--default',
    },
    {
      label: 'Fluid with Tooltip (unstable)',
      variant: 'experimental-unstable-fluidtextinput--default-with-tooltip',
    },
    {
      label: 'Fluid with Password Input (unstable)',
      variant:
        'experimental-fluid-components-unstable-fluidpasswordinput--default',
    },
  ]}
/>
