@comparaonline/ui-fieldset NPM | npm.io

3.51.0 • Published 1 year ago

Install

Weekly downloads

244

License

MIT

Repository

Last release

1 year ago

Fieldset

The fieldset component is the basic layout component that receives a set of inputs, title and a subtitle.

Usage

You need to pass as a children everything that you want to wrap.

import React from 'react';
import { Fieldset } from '@comparaonline/ui-fieldset';
import { TextField } from '@comparaonline/ui-form-fields';

const QuestionGroup: React.SFC<any> = () => (
  <Fieldset
    title="Ingrese sus datos"
    subtitle="Estos datos son muy importantes"
  >
    <TextField {...} />
  </Fieldset>
);

Options

You can set the variant component and align to the title and subtitle text throught props.

import React from 'react';
import { Fieldset } from '@comparaonline/ui-fieldset';
import { TextField } from '@comparaonline/ui-form-fields';

const QuestionGroup: React.SFC<any> = () => (
  <Fieldset
    title="Ingrese sus datos"
    titleAlign="center"
    titleVariant="h1"
    title="Estos datos son muy importantes"
    titleAlign="right"
    titleVariant="body2"
  >
    <TextField {...} />
  </Fieldset>
);

@comparaonline/ui-wizard-form @comparaonline/ui-wizard-form-next @comparaonline/ui-wizard-step-manager @types/react final-form react-final-form tslib

@everything-registry/sub-chunk-193 @infinitebrahmanuniverse/nolb-_compar @compara/ui-checkout-cicl-bykm @compara/ui-checkout-cico @compara/ui-soap-cl @comparaonline/car-dealer-chile @comparaonline/ui-forms-brazil @comparaonline/ui-forms-brazil-next @comparaonline/ui-forms-chile @comparaonline/ui-forms-chile-next @comparaonline/ui-forms-colombia-next @comparaonline/ui-checkout-cicl-bykm @comparaonline/ui-checkout-cico @comparaonline/ui-soap-cl

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

2.11.0-alpha.10

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

0.8.9-alpha.132

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago