45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
import PropTypes from 'prop-types'
|
|
import React from 'react'
|
|
import { CNav, CNavItem, CNavLink, CTabContent, CTabPane } from '@coreui/react'
|
|
import CIcon from '@coreui/icons-react'
|
|
import { cilCode, cilMediaPlay } from '@coreui/icons'
|
|
|
|
import packageJson from '../../package.json'
|
|
|
|
const DocsExample = (props) => {
|
|
const { children, href } = props
|
|
|
|
const _href = `https://coreui.io/react/docs/${packageJson.config.coreui_library_short_version}/${href}`
|
|
|
|
return (
|
|
<div className="example">
|
|
<CNav variant="tabs">
|
|
<CNavItem>
|
|
<CNavLink href="#" active>
|
|
<CIcon icon={cilMediaPlay} className="me-2" />
|
|
Preview
|
|
</CNavLink>
|
|
</CNavItem>
|
|
<CNavItem>
|
|
<CNavLink href={_href} target="_blank">
|
|
<CIcon icon={cilCode} className="me-2" />
|
|
Code
|
|
</CNavLink>
|
|
</CNavItem>
|
|
</CNav>
|
|
<CTabContent className="rounded-bottom">
|
|
<CTabPane className="p-3 preview" visible>
|
|
{children}
|
|
</CTabPane>
|
|
</CTabContent>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
DocsExample.propTypes = {
|
|
children: PropTypes.node,
|
|
href: PropTypes.string,
|
|
}
|
|
|
|
export default React.memo(DocsExample)
|