p-text-field-wrapper
component is a styling wrapper for the native HTML input types and is essential for mostly
any form.label
is a caption which informs the user what information a particular form field is asking for. The
p-text-field-wrapper
component can be used with or without a label, but it's recommended to keep the label visible for
better accessibility whenever possible. When used without a label, it's best practice to provide a descriptive label
text for screen readers.placeholder
is optional but recommended to be set whenever bits of example content or hints shall be shown to
give the user visual cues to fill out the form.If you need to use a specific property dynamically, please open a feature request.
<!doctype html>
<html lang="en" class="auto">
<head>
<title></title>
</head>
<body class="bg-base">
<p-text-field-wrapper label="Some label">
<input type="text" name="some-name" />
</p-text-field-wrapper>
<script>
</script>
</body>
</html>