<div>
    <form>
        <input class="filter" type="text" placeholder="Filter results...">
    </form>
    <ul class="list">
        <li>List item with a much longer description or more content.</li>
        <li>List item.</li>
        <li>List item.
            <ul>
                <li>Nested list item.</li>
                <li>Nested list item.</li>
                <li>Nested list item.</li>
            </ul>
        </li>
        <li>List item.</li>
        <li>List item.</li>
        <li>List item.</li>
    </ul>
</div>
<div>
	<form>
		<input class="filter" type="text" placeholder="Filter results...">
	</form>
	<ul class="list">
		<li>{{long-text}}</li>
		<li>{{short-text}}</li>
		<li>{{short-text}}
			<ul>
				<li>{{nested-text}}</li>
				<li>{{nested-text}}</li>
				<li>{{nested-text}}</li>
			</ul>
		</li>
		<li>{{short-text}}</li>
		<li>{{short-text}}</li>
		<li>{{short-text}}</li>
	</ul>
</div>
{
  "long-text": "List item with a much longer description or more content.",
  "short-text": "List item.",
  "nested-text": "Nested list item."
}
  • Handle: @text-filter
  • Preview:
  • Filesystem Path: src/patterns/patterns/form-components/text-filter/text-filter.hbs

There are no notes for this item.