Shadcn.io is not affiliated with official shadcn/ui
About Ethical Practices
An ethical practices tabbed block for React and Next.js with three category tabs, compliance status badges, practice descriptions, and animated tab transitions built with shadcn/ui and Tailwind CSS
Build trust through ethical transparency with this tabbed practices block for React and Next.js. Features three navigable tabs for Labor and People, Environment, and Governance categories, each containing four practices with compliance status badges, detailed descriptions, and target timelines. Built with TypeScript, shadcn/ui Tabs, Badge, and Separator components, motion/react AnimatePresence tab transitions, and Tailwind CSS. Perfect for about pages, corporate responsibility sections, and trust-building landing pages.
Related Components
Transparency Report
Annual transparency metrics and reporting
Sustainability
Environmental impact and sustainability goals
Diversity
Diversity and inclusion stats and initiatives
Compliance Badges
Compliance certifications and trust badges
Data Privacy
Privacy policies and data handling commitments
Commitments
Company pledges and accountability metrics
FAQ
Was this page helpful?
Sign in to leave feedback.
Employee Spotlights
An employee spotlights vertical card stack block for React and Next.js with colored accent borders, initials avatars, personal quotes, tenure badges, fun fact pills, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Events Calendar
An events calendar data table block for React and Next.js with sortable columns, type badges, status indicators, row hover states, and a subscribe CTA footer built with shadcn/ui and Tailwind CSS