# Form Field
A form field is a field in a form that a user interacts with to type in or select an option from.
# Labeling a Field
Use the label prop to label your field. You can also use the label slot if you need more flexibility.
Use the description prop to add additional information if neeeded.
Use the sublabel prop to add a subtle label to your field. This is intended for use cases where multiple labels on screen would look overwhelming or where space is limited.
Use the placeholder prop to show text before a value is selected. This may be unecessary if your field is already labeled in other ways.
# Label Slot
Use the label slot if you need more flexibility in the label.
# Required
Use the required prop to show a required indicator in the field. The asterisk will appear near the Label or near the Sublabel if there is no Label. Note: You must have a label or sublabel to make a field required.
# Tooltip
Use the tooltip prop to add a tooltip to the field. The tooltip will appear near the Label or near the Sublabel if there is no Label. Note: You must have a label or sublabel to use tooltip.
# Disabled
Use the disabled prop to disable the field and give it a disabled appearance.
# Fullwidth
Use the fullwidth prop to remove the max-width on the field.
# Message
Use the message prop to add a message below the field. This is useful when you want to display some helpful text but don't want to use an error.
# Error State
Use the error prop to add an error state to your component. You can pass in a string if you want to display a message.
# Success State
Use the success prop to add an error state to your component. You can pass in a string if you want to display a message.