public-ui-kolibri

import { KolInputText } from '@public-ui/react-v19'; import type { FC } from 'react'; import React from 'react'; import { SampleDescription } from '../SampleDescription'; export const InputTextBackground: FC = () => ( <> <SampleDescription> <p>This story showcases the component placed on a colored background.</p> </SampleDescription> <div className="grid gap-4 bg-blue-400 p-4 rounded"> <strong>Default background:</strong> <KolInputText _label="First name" _value="John Doe" /> <strong>Unset background:</strong> <KolInputText style={{ backgroundColor: 'unset' }} _label="First name" _value="John Doe" /> </div> </> );