ckeditor/ckeditor5-list

View on GitHub
docs/_snippets/features/todo-list.html

Summary

Maintainability
Test Coverage
<div id="snippet-todo-list">
    <h2>Waffles</h2>

    <figure class="image image-style-side">
        <img src="../assets/img/waffles.png" alt="Waffles with raspberries and whipped cream.">
    </figure>

    <h3>Ingredients</h3>

    <ul>
        <li>
            <label class="todo-list__label">
                <input type="checkbox" disabled checked />
                <span class="todo-list__label__description">2 eggs</span>
            </label>
        </li>
        <li>
            <label class="todo-list__label">
                <input type="checkbox" disabled checked />
                <span class="todo-list__label__description">2 cups all-purpose flour</span>
            </label>
        </li>
        <li>
            <label class="todo-list__label">
                <input type="checkbox" disabled checked />
                <span class="todo-list__label__description">1 3/4 cups milk</span>
            </label>
        </li>
        <li>
            <label class="todo-list__label">
                <input type="checkbox" disabled />
                <span class="todo-list__label__description">1/2 cup vegetable oil</span>
            </label>
        </li>
        <li>
            <label class="todo-list__label">
                <input type="checkbox" disabled />
                <span class="todo-list__label__description">1 tablespoon white sugar</span>
            </label>
        </li>
        <li>
            <label class="todo-list__label">
                <input type="checkbox" disabled />
                <span class="todo-list__label__description">4 teaspoons baking powder</span>
            </label>
        </li>
        <li>
            <label class="todo-list__label">
                <input type="checkbox" disabled />
                <span class="todo-list__label__description">1/4 teaspoon salt</span>
            </label>
        </li>
        <li>
            <label class="todo-list__label">
                <input type="checkbox" disabled />
                <span class="todo-list__label__description">1/2 teaspoon vanilla extract</span>
            </label>
        </li>
    </ul>

    <h3>Directions</h3>

    <figure class="table">
        <table>
            <thead>
                <tr>
                    <th>Prep</th>
                    <th>Cook</th>
                    <th>Ready In</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>5 m</td>
                    <td>15 m</td>
                    <td>20 m</td>
                </tr>
            </tbody>
        </table>
    </figure>

    <p>Preheat waffle iron. Beat eggs in large bowl with hand beater until fluffy. Beat in flour, milk, vegetable oil, sugar, baking powder, salt and vanilla, just until smooth.</p>

    <p>Spray preheated waffle iron with non-stick cooking spray. Pour mix onto hot waffle iron. Cook until golden brown. Serve hot.</p>

    <p>Source: <a href="https://www.allrecipes.com/recipe/22180/waffles-i/?fbclid=IwAR1g8NdUx6fm0aYit4Wwi2J1yQdx9WnnGqE23SVgvxr9XVRyooYMjvHq-yE">allrecipes</a></p>
</div>