<pines-input show-label="true" asp-for="YourModel.Name"></pines-input>

  <pines-input show-label="true" disabled="true" asp-for="YourModel.Email"></pines-input>

      <pines-switch label="Enable notifications"></pines-switch>

  <pines-switch label="Dark mode" switch-on="true"></pines-switch>

      @{
      var selectItems = new List<PinesSelectItem>()
      {
          new PinesSelectItem { Title = "Apple", Value = "apple" },
          new PinesSelectItem { Title = "Banana", Value = "banana" },
          new PinesSelectItem { Title = "Cherry", Value = "cherry" },
          new PinesSelectItem { Title = "Grape", Value = "grape", Disabled = true },
      };
  }

  <pines-select items="selectItems" placeholder="Choose a fruit"></pines-select>

      <pines-date-picker label="Event Date" placeholder="Pick a date"></pines-date-picker>

  <pines-date-picker label="ISO Format" date-format="YYYY-MM-DD"></pines-date-picker>

      <pines-textarea placeholder="Type your message here." asp-for="YourModel.Message"></pines-textarea>

  <pines-textarea show-label="true" placeholder="Description" asp-for="YourModel.Description"></pines-textarea>

      <pines-checkbox label="Accept terms and conditions"></pines-checkbox>

  <pines-checkbox label="Subscribe to newsletter" checked="true" asp-for="YourModel.Subscribed"></pines-checkbox>

      <pines-date-picker label="Event Date" placeholder="Pick a date"></pines-date-picker>

  <pines-date-picker label="ISO Format" date-format="YYYY-MM-DD"></pines-date-picker>