@dnb/eufemia/components/form-label/FormLabelDocs.js

DNB Eufemia Design System UI Library

export const FormLabelProperties = {
  forId: {
    doc: 'The same unique `id` like the linked HTML element has.',
    type: 'string',
    status: 'optional'
  },
  text: {
    doc: 'The `text` of the label. You can use `children` as well.',
    type: 'React.ReactNode',
    status: 'optional'
  },
  srOnly: {
    doc: 'When `true`, the label will be invisible and only accessible for screen readers.',
    type: 'boolean',
    status: 'optional'
  },
  vertical: {
    doc: 'Defaults to `true`. If set to `false`, the label will be displayed horizontally (inline).',
    type: 'boolean',
    status: 'optional'
  },
  size: {
    doc: 'Define one of the following [heading sizes](/uilib/elements/heading/): `basis`, `medium` or `large`.',
    type: ['"basis"', '"medium"', '"large"'],
    status: 'optional'
  },
  skeleton: {
    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
    type: 'boolean',
    status: 'optional'
  },
  disabled: {
    doc: 'If set to `true`, the label will behave as not interactive.',
    type: 'boolean',
    status: 'optional'
  },
  element: {
    doc: 'Defines the HTML element used. Defaults to `label`.',
    type: 'React.Element',
    status: 'optional'
  },
  ref: {
    doc: 'Attach a `React.Ref` to the inner label `element`.',
    type: 'React.Ref',
    status: 'optional'
  },
  '[Space](/uilib/layout/space/properties)': {
    doc: 'Spacing properties like `top` or `bottom` are supported.',
    type: ['string', 'object'],
    status: 'optional'
  }
};
//# sourceMappingURL=FormLabelDocs.js.map