Hi Suriya,
If you want to change the icon use the CSS variable of the icon to change it according to your needs like:
--smart-icon-attention-circled: 'your icon'
Or set it to other variable:

    --smart-icon-attention-circled: var( --smart-icon-docs )

We are aware that we have some missing stuff in the documentation but we work on to adding more and more to it.
However if you want to see more of the CSS variables you can do so by inspecting the element and in the ‘Styles’ sidebar you can find all of them.
Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team