Skip to main content

Custom Components

Custom Code Block​

35% width, left aligned​

dev.apis.baaki.aspireclan.com
import CustomCodeBlock from '@site/src/components/CustomCodeBlock';

<div style={{ width: '35%', marginLeft: '0', marginRight: 'auto' }}>
    <CustomCodeBlock>
        {`dev.apis.baaki.aspireclan.com`}
    </CustomCodeBlock>
</div>

60% width, right aligned​

dev.apis.baaki.aspireclan.com
import CustomCodeBlock from '@site/src/components/CustomCodeBlock';

<div style={{ width: '60%', marginLeft: '0', marginRight: 'auto' }}>
    <CustomCodeBlock>
        {`dev.apis.baaki.aspireclan.com`}
    </CustomCodeBlock>
</div>

25% width, center aligned​

dev.apis.baaki.aspireclan.com
import CustomCodeBlock from '@site/src/components/CustomCodeBlock';

<div style={{ width: '25%', marginLeft: 'auto', marginRight: 'auto' }}>
    <CustomCodeBlock>
        {`dev.apis.baaki.aspireclan.com`}
    </CustomCodeBlock>
</div>