import React from 'react' import Badge from '../_badge.jsx' const BadgeDefault = (props) => { return ( <div> <Badge text="+1" variant="primary" {...props} /> <Badge text="+4" variant="primary" {...props} /> <Badge text="+1000" variant="primary" {...props} /> </div> ) } export default BadgeDefault
import React from 'react' import Badge from '../_badge.jsx' const BadgeRounded = (props) => { return ( <div> <Badge rounded text="+1" variant="primary" {...props} /> <Badge rounded text="+4" variant="primary" {...props} /> <Badge rounded text="+1000" variant="primary" {...props} /> </div> ) } export default BadgeRounded
import React from 'react' import Badge from '../_badge.jsx' const BadgeColors = (props) => { return ( <div> <div> <Badge rounded text="+1" variant="primary" {...props} /> <Badge text="+4" variant="primary" {...props} /> <Badge text="+1000" variant="primary" {...props} /> </div> <div> <Badge rounded text="+1" variant="success" {...props} /> <Badge text="+4" variant="success" {...props} /> <Badge text="+1000" variant="success" {...props} /> </div> <div> <Badge rounded text="+1" variant="warning" {...props} /> <Badge text="+4" variant="warning" {...props} /> <Badge text="+1000" variant="warning" {...props} /> </div> <div> <Badge rounded text="+1" variant="error" {...props} /> <Badge text="+4" variant="error" {...props} /> <Badge text="+1000" variant="error" {...props} /> </div> <div> <Badge rounded text="+1" variant="info" {...props} /> <Badge text="+4" variant="info" {...props} /> <Badge text="+1000" variant="info" {...props} /> </div> <div> <Badge rounded text="+1" variant="neutral" {...props} /> <Badge text="+4" variant="neutral" {...props} /> <Badge text="+1000" variant="neutral" {...props} /> </div> </div> ) } export default BadgeColors
import React from 'react' import { Hashtag } from '../../' const HashtagDefault = (props) => { return ( <div> <Hashtag text="470297" type="project" url="https://google.com" {...props} /> <br /> <br /> <Hashtag text="123456" type="home" url="https://google.com" {...props} /> <br /> <br /> <Hashtag text="456789" type="appointment" url="https://google.com" {...props} /> <br /> <br /> <Hashtag text="654321" type="default" url="https://google.com" {...props} /> </div> ) } export default HashtagDefault
import React from 'react' import Pill from '../_pill.jsx' const PillDefault = () => { return ( <div> <Pill text="default" /> <br /> <br /> <Pill text="success" variant="success" /> <br /> <br /> <Pill text="error" variant="error" /> <br /> <br /> <Pill text="warning" variant="warning" /> <br /> <br /> <Pill text="info" variant="info" /> <br /> <br /> <Pill text="neutral" variant="neutral" /> <br /> <br /> <Pill text="primary" variant="primary" /> </div> ) } export default PillDefault