Build an SPFX web part which render an HTML BOX which have a configurable Title, Description and Cli

%3CLINGO-SUB%20id%3D%22lingo-sub-2877142%22%20slang%3D%22en-US%22%3EBuild%20an%20SPFX%20web%20part%20which%20render%20an%20HTML%20BOX%20which%20have%20a%20configurable%20Title%2C%20Description%20and%20Cli%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2877142%22%20slang%3D%22en-US%22%3E%3CDIV%20class%3D%22%22%3E%3CP%3EI%20want%20to%20build%20an%20SPFX%20web%20part%2C%20which%20should%20allow%20me%20to%20display%20this%20Box%3A-%3C%2FP%3E%3CDIV%20class%3D%22%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22reg.png%22%20style%3D%22width%3A%20439px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F319463i5AFEBC481F6AE674%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22reg.png%22%20alt%3D%22reg.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ewhere%20the%20Box%20will%20have%20a%20configurable%20Title%2CDescription%20text%20%26amp%3B%20clickable%20button.%20so%20the%20user%20can%20add%20this%20web%20part%20inside%20any%20modern%20page%2C%20and%20define%20the%20Title%2C%20Description%2Cthe%20button%20title%20%26amp%3B%20the%20button%20URL..%20so%20is%20there%20any%20available%20SPFX%20which%20can%20allow%20me%20to%20have%20these%20features%2C%20if%20the%20answer%20is%20No%2C%20then%20it%20is%20possible%20to%20build%20such%20SPFX%3F%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2877142%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EResponsive%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2877215%22%20slang%3D%22en-US%22%3ERe%3A%20Build%20an%20SPFX%20web%20part%20which%20render%20an%20HTML%20BOX%20which%20have%20a%20configurable%20Title%2C%20Description%20and%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2877215%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F233354%22%20target%3D%22_blank%22%3E%40john%20john%3C%2FA%3E%26nbsp%3B%3CGRAMMARPOLICE%3E%20sorry%20I%20know%20nothing%20about%20SPFx%20as%20we%20are%20not%20allowed%20it%20at%20my%20company%20so%20others%20will%20have%20to%20assist%20there%2C%20but%20there%20shouldn't%20be%20a%20comma%20between%20%3CEM%3Eamend%3C%2FEM%3E%20and%20%3CEM%3Eor%3C%2FEM%3E%20in%20your%20screenshot%20%3A)%3C%2Fimg%3E%20%3C%2FGRAMMARPOLICE%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3E%3CFONT%20size%3D%222%22%20color%3D%22%23006400%22%3EIntranet%2C%20SharePoint%20and%20Power%20Platform%20Manager%20(and%20classic%201967%20Morris%20Traveller%20driver)%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Valued Contributor

I want to build an SPFX web part, which should allow me to display this Box:-

 

reg.png

 

where the Box will have a configurable Title,Description text & clickable button. so the user can add this web part inside any modern page, and define the Title, Description,the button title & the button URL.. so is there any available SPFX which can allow me to have these features, if the answer is No, then it is possible to build such SPFX?

Thanks

2 Replies

@john john <grammarPolice> sorry I know nothing about SPFx as we are not allowed it at my company so others will have to assist there, but there shouldn't be a comma between amend and or in your screenshot :) </grammarPolice>

 

Rob
Los Gallardos
Intranet, SharePoint and Power Platform Manager (and classic 1967 Morris Traveller driver)

@john john,

I just checked all SPFx web part samples shared by community members on GitHub repository. But, there is no sample which exactly matches your requirements.

You can also check all the samples at: SPFx web part samples


But, I am sure that this can easily be achieved using SPFx capabilities. Check below samples to see how much configurable web parts you can build using SPFx:

  1. Tiles
  2. Tiles V2

Below documentations will help you to get started with SPFx development.

Official documentations:

  1. Overview of the SharePoint Framework
  2. Set up your SharePoint Framework development environment
  3. Build your first SharePoint client-side web part

Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.