Riot.js: Example

by sidouglas

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.4.3/riot+compiler.js"></script>
<faq name="faq-list" faq-items='{[{"id":1,"name":"libero et","children":[{"id":6,"href":"#faq-6","name":"maiores at","content":[{"heading":"veritatis vel ullam quo qui at esse nostrum omnis rem repellat id nobis alias possimus","content":"Necessitatibus explicabo ut autem magnam nihil cum repellat quis. In labore reprehenderit ratione maiores. Omnis fuga a inventore. Laudantium sed maxime voluptatem dolor praesentium maxime.\n\nDolores quaerat beatae consequatur aut qui. Dignissimos incidunt natus et reiciendis. Non enim at laborum quas rem quidem.\n\nModi ut magni pariatur odio harum. Provident molestias voluptas quae delectus. Non ullam cum eius. Quis deleniti repellat et ex vel.\n\nTempora numquam quia quo aliquam ut a non explicabo. Sequi doloribus adipisci sunt labore soluta at non. Animi minus voluptas laboriosam voluptatem consequatur quod culpa.\n\nUllam omnis molestias est. Doloremque possimus et sed voluptas. Et inventore mollitia qui tenetur ex rem. Minus vel reprehenderit aut. Molestias ratione neque eveniet consequuntur qui et quis."},{"heading":"minima distinctio ab repellendus corrupti officiis odio inventore ut dolorem facere eum distinctio totam et","content":"Eos quam et odit quisquam numquam dolor consequatur. Hic minima aliquam dolorum consequuntur autem adipisci sit. Maxime omnis maxime quas quia magnam. Adipisci dicta natus maiores modi corrupti.\n\nMollitia nihil et placeat ratione. Architecto est ullam omnis earum et quo. Perferendis fuga non ut minima. Cupiditate occaecati porro unde exercitationem explicabo explicabo deserunt. Esse dolorum quia architecto nisi nisi nobis et.\n\nRecusandae voluptatem soluta et odit. Ea quia nesciunt delectus consequatur nulla et. Ab dolorum minus sit explicabo harum eum voluptatem. Aut illo est impedit ipsam molestiae minus nisi.\n\nDolorum dolor et qui similique tempore. Sit fugit nesciunt sunt perspiciatis quaerat...

CSS

faq {
	border:1px solid blue;
	width:100%;
	float:left;
}

h4 {
	color:black;
}

JavaScript

riot.mount('*')