To Share and +4 nLEARNs Login with NEARimport {WidgetEditor} from "@site/src/components/social-widget" The TypeAhead component provides a type-ahead input field for selecting an option from a list of choices. This component is imported from the react-bootstrap-typeahead package; more information about the component can be found here. Example The code example below demonstrates how to use the …
To Share and +4 nLEARNs Login with NEARimport {WidgetEditor} from "@site/src/components/social-widget" The predefined component Widget allows you to include an existing component into your code, thus enabling to create complex applications by composing components. “`ts const user = “gagdiez.near”; const props = { name: “Anna” }; return ( Composing Widgets Widgets can be composed > …
To Share and +4 nLEARNs Login with NEARimport {WidgetEditor} from "@site/src/components/social-widget" This special component displays a message once the mouse hovers over a particular DOM item. This component was imported into NEAR Social from React-Bootstrap and more info can be found here. Example The code has been adopted and modified from the react-bootstrap documentation website. …
To Share and +4 nLEARNs Login with NEARimport {WidgetEditor} from "@site/src/components/social-widget" The OverlayTrigger is used to display a message or icon when the mouse is over a DOM element. Common use cases could be like a popover or a tooltip. Example “`javascript State.init({ show: false, }); const handleOnMouseEnter = () => { State.update({ show: true …
To Share and +4 nLEARNs Login with NEARimport {WidgetEditor} from "@site/src/components/social-widget" Styled Components is a popular library for styling React components using CSS-in-JS. This tool was imported into near.social infrastructure for your use. You do not have to install or import anything, it is ready to use right away. Example “`jsx const Button = styled.button` …
To Share and +4 nLEARNs Login with NEARimport {WidgetEditor} from "@site/src/components/social-widget" The IpfsImageUpload is a built-in component that enables users to directly upload an image to the InterPlanetary File System (IPFS). Example “`javascript State.init({ img: null, }); return ( Image upload: Raw State: {JSON.stringify(state)} {state.img.cid && ( )} ); “`
Connect Your Wallet
What is a Wallet?
Safely store and transfer your crypto and NFTs.
No need to create new accounts or credentials. Connect your wallet and you are good to go!
