Skip to content

practice-react-styling#65

Open
bartoszdudziak-dev wants to merge 5 commits intodevmentor-pl:masterfrom
bartoszdudziak-dev:master
Open

practice-react-styling#65
bartoszdudziak-dev wants to merge 5 commits intodevmentor-pl:masterfrom
bartoszdudziak-dev:master

Conversation

@bartoszdudziak-dev
Copy link

No description provided.

Copy link
Owner

@devmentor-pl devmentor-pl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bartku,

Wszystko wykonane prawidłowo! 👍
Proponowałbym jeszcze, aby zadanie 04 wykonać z wykorzystaniem children - szczegóły w odpowiednim komentarzu.

</Button>
</Col>
</Row>
);
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

</Col>
</Row>
);
};
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

),
disabled: true,
},
];
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

</RBTabs>
</Col>
<Col>
<Tabs tabs={tabs} defaultActiveId="home" />
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dasz radę zbudować ten komponent podobnie jak wyżej? tj. przez children przekazać zawartość? Tak jest trochę trudniej, ale za to wygodniej jest wykorzystywać to rozwiązanie.

PS. Tutaj znajdziesz przydatne metody: https://react.dev/reference/react/Children

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

W pierwszej wersji korzystałem z tego rozwiązania jednak dokumentacja nie rekomenduje używania Children.
Zrobię je jednak i w tej wersji.

</Col>
</Row>
);
};
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

);
}

export default BreadcrumbItem;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

active: false,
};

export { StyledButton };
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

<Button {...props}>{children}</Button>
);

export default Card;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

);
}

export default Tabs;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

},
};

export default button;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments