Label
draft

in progress...

icon-storybook-default Open in Storybook
Loading

Code

HTML 

import { NbhdLabel } from '@fbin-web/neighborhood-core';
<nbhd-label> label </nbhd-label>

React 

import { NbhdLabel } from '@fbin-web/neighborhood-react';

const App = () => (
  <>
    <NbhdLabel>label</NbhdLabel>
  </>
);

Properties

Property Attribute Type Default Description
variant variant label | subtitle | heading | sub-heading label The variant of the label.
for for string The id of the input element the label is associated with.
label label string The message that the label will display.
cssClass css-class string Additional CSS classes to apply to the checkbox.
ariaLabel aria-label string Descriptive text for additional context.