Fijn

Comment group component: Circles 

<div class="form-group d-flex flex-wrap">
    <div class="m-comment js-comment -border py-3 px-4 d-flex flex-column position-relative w-100">

        <div class="d-flex d-flex align-items-center justify-content-between">

            <div class="mr-3 d-inline-flex">
                <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-content="">
                    MV
                    <img src="../../img/mv.jpg" alt="Avatar" class="cover">
                </div>

                <span class="d-inline-flex">
                    <strong class="ml-2 limit-lines-1 align-self-center">Marcella Vonk</strong>
                </span>
                <span class="text-muted ml-2 d-none d-xs-inline-flex align-items-center">1 sec. geleden</span>
            </div>

            <div class="d-flex flex-row">
                <div class="a-circle -sm -hover -border -pointer cursor-default">
                    <i class="icon-edit-alt"></i>

                </div>

                <div class="a-circle -sm -hover -border -pointer cursor-default">
                    <i class="icon-bin"></i>

                </div>

            </div>

        </div>

        <span class="mb-2">

            <div class="d-flex flex-wrap">
                <label class="flex-grow-1"></label>
                <textarea name="textArea" class="form-control" placeholder=" Jappy @Marcella Ik heb er nog een keer naar gekeken maar ik wil hem toch nog een beetje herzien" readonly> Jappy @Marcella Ik heb er nog een keer naar gekeken maar ik wil hem toch nog een beetje herzien</textarea>

            </div>

        </span>

    </div>
</div>
 
<div class="form-group d-flex flex-wrap">
    {% render '@comment', {circles:circles, add_field:add_field, buttons:buttons, readonly:readonly, text:text, placeholder: placeholder, border:border, paragraph:paragraph, button_text:button_text}, true %}
</div>
 
{
  "label": "",
  "circles": true,
  "add_field": false,
  "buttons": false,
  "readonly": true,
  "text": " Jappy @Marcella Ik heb er nog een keer naar gekeken maar ik wil hem toch nog een beetje herzien",
  "placeholder": true,
  "border": true,
  "button_text": ""
}

No notes defined.