import React from 'react' import FormPill from 'playbook-ui' const FormPillDefault = (props) => { return ( <div> <FormPill avatarUrl="https://randomuser.me/api/portraits/women/44.jpg" name="Anna Black" onClick={() => alert('Click!')} /> <br /> <br /> <FormPill name="Anna Black" onClick={() => alert('Click!')} /> </div> ) } export default FormPillDefault
import React from 'react' import FormPill from 'playbook-ui' const FormPillSize = (props) => { return ( <div> <FormPill avatarUrl="https://randomuser.me/api/portraits/women/44.jpg" name="Anna Black" size="small" /> <br /> <br /> <FormPill name="Anna Black" size="small" /> </div> ) } export default FormPillSize
By default textTransform = "none"
. If there is a need to enforce lowercase
, please pass the textTransform = "lowercase
prop.