p-input-url component provides a user-friendly, accessible interface for entering valid website URLs. It leverages
native HTML5 URL validation and ensures appropriate keyboard behavior on mobile devices. It includes start and end
slots to flexibly incorporate icons, buttons, or other elements within the input field.label tells the user what information a form field is asking for. The p-input-url component can be used with or
without a label, but it is recommended to keep the label visible whenever possible for better accessibility. When used
without a label, a descriptive label text for screen readers is required.placeholder is optional, but recommended when example content or hints should be shown to give the user visual cues
for completing the form.
<!doctype html>
<html lang="en" class="scheme-light-dark">
<head>
<title></title>
</head>
<body class="bg-canvas">
<p-input-url label="Some label" name="some-name" indicator="true"></p-input-url>
<script>
</script>
</body>
</html>