Label

Renders an accessible label associated with controls.

Example

Accept

import { UiLabel, UiCheckbox } from '@altdot/extension';

export default function Command() {
  return (
    <div style={{ display: 'flex', alignItems: 'center' }}>
      <UiCheckbox id="accept" />
      <UiLabel htmlFor="accept">Accept</UiLabel>
    </div>
  );
}

Props

Name	Type	Description
htmlFor	string	The id of the element the label is associated with.