import React from 'react';
const Todos = ({ todos, deletetodo }) => {
const todoList = todos.length ? (
todos.map((todo) => {
return (
<div className='collection-item ' key='todo.id'>
<span
className='collection-item'
onClick={() => {
deletetodo(todo.id);
}}
>
{todo.content}
</span>{' '}
</div>
);
})
) : (
<p className='center'>You've no todos left</p>
);
return (
<div>
<div className='todos '></div>
{todoList}
</div>
);
};
export default Todos;
@JamilHussain510 have you read this?
https://medium.com/@mattdlockyer/youre-using-materialize-css-wrong-470b593e78e9
@BigodeSan so it looks like you're using angular, not my area unfortunately. But I did some work on the a dynamic height carousel - we find out the height of the image, then set the carousel to be that height. Take a look at the bottom functions in this pen, may or not be any help to you. The issue with explicit height is it's not always suitable depending on image size.
@howimetmyself
https://materializecss.com/footer.html#sticky-footer
You're page structure must be header, main, footer for this to work.
@howimetmyself check this for tab color:
@MojoKingBee can you explain exactly what you are trying to do...
i want(ed) to get the index of the clicked item via focusedIndex, but nevermind i'm following a different way.
but i don't know how to refer to that property, the 'focusIndex' of dropodown. do we have an example of use?
thanks
@MojoKingBee I don't use Dropdown much, but I got this for getting the value (rather than the index)
@MojoKingBee I had a quick look. You need to get the instance to get all the data but not sure the focussedIndex is what you need as it's always returning -1.
instances[0]
